Help with HTML code?

Question

The left column of my page doesnt fit perfectly so it gets shifted to the bottom of my blog. I think I need to change something here:

.layout-two-column-right #beta {float:right;
width:25%;}

.layout-two-column-right #alpha
{float:left;
width:72%}

.layout-two-column-right #container {
margin-left:280px;
width:62%
}


What are the .layout-two-column-right #beta, #alpha, and #container? Do I need to resize all of them?

If it helps this is the URL to my blog

http://co-workers-made-me-start-my-blog.blogspot.com/

Thanks Guys,

I fixed it!!! Thanks for all the help.

Answer 1

Change the following........
.layout-two-column-right #beta {float:right;
width:25%;}

.layout-two-column-right #alpha
{float:left;
width:30%}

.layout-two-column-right #container {
margin-left:280px;
width:72%
}

I hope this will helps you the way you think. If it a right way you think then don't forget to give 10 points.

Answer 2

the site seems to be working fine in IE and Firefox. What browser are you using that is having issues? Also what screen resolution?

as far as the #beta, etc. the #name symbol means the element that has the id of name, since it is after the .layout-two-column-right this means that the ID only gets that style if it inside another tag with a class layout-two-column-right.

If you need more info on style sheets, go to w3schools - http://www.w3schools.com/css/ They have a lot of information

Answer 3

Works great in Firefox (1.5.0.6), Opera (9.01)

Probably some weird IE thing.

Answer 4

just resize it ;)

oh and possibly use the pointies < and > for your code to start

text

Answer 5

Hope this helps,

http://www.w3schools.com/html/

Have fun but be safe.