View Full Version : Float Drop Problem

02-11-2006, 04:18 PM
Ok see for yourself:


Here is the CSS:


margin: 0.5em 18em 4em;
padding: 1em 2em;
background-color: #F0DAFE;
#content span.content_title
padding: .8em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-style: italic;
color: #111111;
text-decoration: underline;
#content p.content_text
margin: .8em;
float: right;

As you can see the list I am floating on the right doesn't line up with the static list on the left :?:

Any and all help is appreciated.

Thanks :)

02-11-2006, 09:07 PM
There's a few HTML errors (http://validator.w3.org/check?verbose=1&uri=http%3A//jestro.com/test/test.htm) on the page. Fix them first in case it's as easy as that. If not just repost :)

ps. using xhtml as docytpe is really not the easiest way to go. Change it to html4 and your document has a higher chance of validating.

02-12-2006, 12:42 AM
Ok the errors are fixed, I am still experiencing the float drop. Thanks for the quick response Domedia.

Creative Insanity
02-12-2006, 12:52 AM
what does this mean?

margin: 0.5em 18em 4em;

try changing to
margin: 0.5px 18px 4px;

You have a lot of em (what every that means) try changing all to px and see if that helps.
Also can you space half a pixel? not sure if you can do that.

02-12-2006, 02:11 AM
em is a measurement, just like px. It is actually a pretty well known and acceptable standard for sizing. I am doubting this is causing my float drop but I can check.

A little more about em if you are interested:


02-12-2006, 02:27 AM
When I use px to size the div it fixes the problem in Mozilla but then it looks off in IE. I hate IE.

Creative Insanity
02-12-2006, 04:59 AM
skip IE since IE are starting to play the game in 7 I hear so maybe download the beta and see if it fixed it there?

All other browsers go by the W3C standards where IE uses GCS (Gate's crappy standards) LOL
I actually cannot believe how many people still use IE when there are two other excellent alternatives out there.

02-12-2006, 01:49 PM
Well unfortunately when building websites for other people you can't skip IE, 80% of people that browse the web are using IE, and most of them don't have the IE7 beta.

I wish it was that easy.

I think I may end up using a table.

02-12-2006, 02:12 PM
andy, you're still parsing your page as xhtml :-/..

I thik your easy solution is either making a table with 2 columns and put each list in a column, or put both lists in a div container.