FF and IE rendering 1

[audiopro]

I am confused about how the clear command works.
I have created a test page to compare the two browsers.
I have floated divs inside a static div and the floated divs poke out of the bottom of the static one.
Floating the container cures this problem but is this the correct way.

Also - Why is the container div 15px wider in Firefox than IE?



Keith

http://www.studiosoft.co.uk

 

[BillyRayPreachersSon]

I'd have a read of this page here:

http://www.positioniseverything.net/easyclearing.html

It's a great article, and the 'clearfix' workaround is something that's really quite neat (it saves using extra markup to do the job).

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[audiopro]

Thanks for the link - very informative.
Strange coincidence, I had never seen the guillotine effect until after I had read the article. The next div I added demonstrated the effect to me. I am glad I knew how to fix it.
Are there any drawbacks to having all the divs on a form floating?

Keith

http://www.studiosoft.co.uk

 

[BillyRayPreachersSon]

Not that I know of... but you'd only float them if you needed to.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[audiopro]

That darned guillotine is haunting me now.
I have found the easiest way to avoid it is to give the main container a height big enough to hold all the content. I am sure there is a reason not to do it this way though.

Keith

http://www.studiosoft.co.uk

 

[BillyRayPreachersSon]

Correct - because in Firefox, if you increase the font size, you might find your content spills out of the container. Using the clearfix trick should negate this if the content is floated, however, and if it's not floated, you can use "min-height" instead of height (for supporting browsers), and "_height" for IE 6 and below.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]