When I gave a couple of divs a height of 100% they still didn't flush with the browser window, but as soon as a border was added to them they expanded all the way. Then when the borders are removed, they shrank back again. Isn't that strange? I mean a height of 100% should mean the same thing with or without borders don't you think?
Just trying to figure out. In a month or so I'll be on my own as CSS starts to make some sense - even if it doesn't really.I think this might be due to collapsing margins (<!-- m --><a class="postlink" href="http://www.complexspiral.com/publications/uncollapsing-margins/">http://www.complexspiral.com/publicatio ... g-margins/</a><!-- m -->). Read the article and see if it makes sense.BonRouge, that Made sense! It seems to be the perfect answer. Just addes 1px padding to a containing div and the problem was solved. Thank you (and Eric Meyer).I mean a height of 100% should mean the same thing with or without borders don't you think?Not really. The height is the height of the content area of the div. Padding and borders make the overall box size larger than 100%.that's true, padding and borders add to the height.
Sometimes it seems though that the content area is too small to affect the height of the container, so you'd assume a height of 100% would make them all equal in height.
Just trying to figure out. In a month or so I'll be on my own as CSS starts to make some sense - even if it doesn't really.I think this might be due to collapsing margins (<!-- m --><a class="postlink" href="http://www.complexspiral.com/publications/uncollapsing-margins/">http://www.complexspiral.com/publicatio ... g-margins/</a><!-- m -->). Read the article and see if it makes sense.BonRouge, that Made sense! It seems to be the perfect answer. Just addes 1px padding to a containing div and the problem was solved. Thank you (and Eric Meyer).I mean a height of 100% should mean the same thing with or without borders don't you think?Not really. The height is the height of the content area of the div. Padding and borders make the overall box size larger than 100%.that's true, padding and borders add to the height.
Sometimes it seems though that the content area is too small to affect the height of the container, so you'd assume a height of 100% would make them all equal in height.