Search Engine Optimization > Webmaster World > CSS Insanity - this time IE gets it right
CSS Insanity - this time IE gets it right
Posted by KarlCore on January 19th, 2006

Can anyone explain WTF is going on here with Firefox and why IE gets it
right and FF doesn't?
http://dev.karlcore.com/ttb/

Specifically, where the border ends early. It appears that FF thinks
that the document is "done" when the content in the right column ends
and ignores the left side.

TIA

-Karl

Posted by David Dorward on January 19th, 2006

KarlCore wrote:

#content_left is floated. IE gets it wrong. FF gets it right.

http://www.complexspiral.com/publica...aining-floats/ explains why.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Posted by Mark Parnell on January 19th, 2006

Deciding to do something for the good of humanity, KarlCore
<karl@karlcore.com> spouted in alt.www.webmaster:

Considering Opera does the same as Firefox, I'd be very hesitant to say
that IE is the one that is right.

Adding an empty div with {clear: both; height: 0;} immediately before
the closing tag of #content_wrapper fixes it in Firefox. That should
sort Opera out too, and I'm pretty sure it won't cause any problems with
IE (though with IE you can never tell :-) ).

--
Mark Parnell
================================================== ===
Att. Google Groups users - this is your last warning:
http://www.safalra.com/special/googlegroupsreply/

Posted by Els on January 19th, 2006

KarlCore wrote:

You need to extend the #page_wrapper to encompass the floats.
Just put a clearing div before the end of #page_wrapper, like so:

<!--END #content_wrapper-->
<div style="clear:both;">&nbsp;</div>
</div>
<!--END #page_wrapper-->


--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Posted by KarlCore on January 20th, 2006


Els wrote:
Occam's Razor cuts again!

Thanks!


-Karl


Funbolt.com - Entertainment portal, wallpapers, sexy celebs