Click to See Complete Forum and Search --> : EASY CSS Issue I am overlooking:


1234567890
12-13-2008, 05:44 AM
Probably due to my lack of sleep, but can you help me with this rather simple css command I am missing?

I have the following code:

.module_head {
background-color: #4278D3;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
height:20px;
float:left;
padding:5px 0 5px 5px;
margin:0 0 10px;
}

And the above code is making the text that should come underneath show up directly after the div heading, so it is throwing everything apart because of this. I am missing a display I think. Inline? Block?

You can see a working example of this here:

http://mibsolutionsllc.com/med/public_html/

It is the blue headings where I am having the problem, especially in the left sidebar.

Fang
12-13-2008, 07:56 AM
Remove the float.

Read about semantic markup (http://www.w3.org/TR/WCAG20-TECHS/G115.html)