- 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;"> </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


