IE7 HTML/CSS margin-bottom bug.
Posted
by mk
on Stack Overflow
See other posts from Stack Overflow
or by mk
Published on 2008-08-18T22:35:42Z
Indexed on
2010/03/23
6:23 UTC
Read the original article
Hit count: 734
Here is the scenario:
I have a table with a margin-bottom of 19px. Below that I have a form that contains some fieldsets. One of them is floated right. The problem is that the margin-bottom is not getting the full 19px in IE7. I've gone through all of the IE7 css/margin/float bugs that I can think of and have tried remedies but have been unsuccessful. I have been googling for a while now and cannot find anything that is helping out.
Here is what I have tried.
- Wrapping the form or fieldset in an unstyled div. No apparent change.
- Nixing the margin-bottom on the table and instead wrapping that with a div and giving it a padding-bottom of 19px. No apparent change.
- Nixing the margin-bottom on the table and adding a div with a fixed height of 19px. No apparent change.
- Putting a clear between the table and the fieldset.
I know there are some others that I am forgetting, but those are the things I have tried out recently. This happens to each fieldset.
© Stack Overflow or respective owner