Thanks you very much for the solution to my problem. Excellent group this is.
Kim ----- Original Message ----- From: "russ weakley" <[EMAIL PROTECTED]> To: "Web Standards Group" <[EMAIL PROTECTED]> Sent: Thursday, February 19, 2004 9:59 PM Subject: Re: [WSG] Mozilla problem > Hi Kim, > > Welcome to the group. It is a little hard to tell exactly you problem > without a sample (always best to send a URL to a sample and any CSS files so > people can see it in action) but I think your problem may simply be a > clearing issue. > > If you float objects inside a container, they are taken out of normal flow, > so the container cannot tell their height. > > Here is a demo of how you page could be looking: > http://www.maxdesign.com.au/jobs/css/kimkruse.htm > > The top example should show a border just around the top container. The > lower example should show the border running around the outside of the > entire wrapper container. The second example on the page should work as the > floated items have been cleared. This can be done with a number of methods > (and the solution will depend on your particular needs) including: > > <br clear="all" /> > <div class="clearboth" /></div> ( css would be .clearboth { clear: both; } ) > Plus heaps of other options... > > If this is your problem, an explanation of why and how is here: > http://www.maxdesign.com.au/presentation/floatsample.htm > > Thanks > Russ > > > > > > > Hi group... I'm Kim :o) > > > > lets say I have the following site structure: > > > > > > <div id="wrapper"> > > > > <div id="header"> > > header... > > </div> > > > > <div id="main"> > > comtent... > > </div> > > > > <div id="col"> > > content... > > </div> > > > > <div id="footer"> > > content... > > </div> > > </div> > > > > .. and I set a 1px solid border on #wrapper, in every browser apart from > > Mozilla I get the expected result which is a nice 1px border around all my > > content, however in Mozilla all I get is the border a few pixels under the > > header. > > > > I should add my 3 divs named #main, #col, #footer are floated left which is > > probably the reason Mozilla can't decide the height. If I assign a fixed > > height to #wrapper all is well but obviously that isn't very practical. > > > > So apart from using JavaScript to calculate the height of #wrapper content, > > is there a fix for this? I have no problem in Opera, Safari e.t.c so I > > assume this is a Mozilla bug of some description. > > > > ***************************************************** > > The discussion list for http://webstandardsgroup.org/ > > ***************************************************** > > Thanks > Russ > > ----------------------------------------------- > Russ Weakley > Max Design > Phone: (02) 9410 2521 > Mobile: 0403 433 980 > Email: [EMAIL PROTECTED] > http://www.maxdesign.com.au > ----------------------------------------------- > > > ***************************************************** > The discussion list for http://webstandardsgroup.org/ > ***************************************************** > ***************************************************** The discussion list for http://webstandardsgroup.org/ *****************************************************
