Firefox isn't expanding divs...

Alright can anyone tell me what I am doing wrong here. I cannot for the life of me figure out why firefox will not expand my container DIV with the content. IE is handling it ok, but firefox just will not expand that background.

Any help is greatly appreciated.

http://www.purafil.com/eagledev/aboutPurafil.html

 

FF is goofy sometimes.

That page looks fine in my version 1.0.

 

Dang...I am on 1.0.4 . Firefox just prompted me to update my browser so I will do that and see what happens. Thanks for checking it out.

 

Post a screenshot of the problem if it's still happens.

 

OK so I updated to 1.0.6 and the problem is still there. I realize there are a lot of nested elements in here, but the majority of my HTML validates and my CSS validates. Here is a screenshot:

 

That page is screwy on my browser too.

I looked at your file and I can't tell what the problem is.

Hopefully someone else can help you.


BTW- is that your site? We have an office in Doraville too!

 

div's are not supposed to be expanded once you have height or width specified for them. IE does this because MS decided to "improve" the standard. Avoid using height and/or width with div's, unless their content is of fixed height/width as well.

J.D.

 

OK I was trying to use a min-height attribute/hack found on mezzoblue and once I removed that it worked. I can specify a min-height for firefox but I can't for IE. So it looks like I am stucking having no minum height. Either way firefox is expanding the divs now.

 

Wow, it is quite a coincidence that you found the new Purafil website I am working on.

 

It's in your screenshot

As for min/max-height/width, you are right, IE ignores them. You can make div's stretchable horizontally if instead of width, you specify left and right margin. For example:

div.container {margin: auto 20px;}

Then this div will be rendered across it's containing element with fixed left and right margins. If you did the same with widht: 100%, it wouldn't not work across various browsers, depending on width/margin mix, because they intepret 100% differently.

J.D.

 

cheers, i too have the same problem with FF, IE shows it fine but FF does not.

thx again.

 

As people have pointed out - FF is not screwy, it's correct. IE is wrong. Check the CSS standard at the W3C.

If you do, you will see that their recommendation to get a container div to stretch around content is to use a clearing div - google it