Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
Browser Specific Problems: [Solved] [IE] Div's stretching container (floats problem?)
Bottom of Page1 to 3 of 3
-
I'm working on this portfolio site to show to our clients. Can't seem to figure out why the container div is stretching in IE. I'm thinking it has something to do with the floats but haven't been able to figure out what causes the problem. Any help would be much appreciated.
The page is located at:
http://www.wimmulder.net/portfolio/
The CSS is right here:
http://www.wimmulder.net/portfolio/css/global.css
For correct rendering check in either FF or Safari.
Thanks! -
Hi,
yeah IE causes some trouble with floats. However, there is a very(!) simple solution to your problem:
Just outcomment the following declerations:
div.left {...} div.right{...}
You don't need them to control the layout, because the maximum number of divs, that are rendered in one line, is already limited by the width of your container div.
Dave. -
Thank you for your answer Dave!
I was playing around with the CSS a bit before you answered and found a sollution myself. I added a row div that contains the left and right. Because the container sizes to the biggest element in it (whichever div is the longest) the columns stayed nice and neat. Before this I tried specifying a height for all the left and rights, but I wasn't satisfied with this solution as it isn't very flexible.
I will try out your suggestion right now, because I think it would be a cleaner sollution than using an extra div to keep these columns under control.
1 to 3 of 3