tags:

views:

77

answers:

2
+1  Q: 

IE8 ignores margin-top any idea why ?

i have two divs one floated to the left and the other to the right and after them i have added a div with style clear:both

after that i have an other div with a margin-top : 35px the margin is shown as expected in IE7 FF Chrome and opera but can't see it on IE8 any ideas ?

+1  A: 

I can't tell from what you've posted but if the div giving you problems is empty, this could be an issue. If that is the case, try adding   into it.

Jaxidian  2010-03-31 12:47:51
it worked thx !! anyway can you explain why it happens ?
Yassir  2010-03-31 12:53:17
I would love an explanation too! That was driving me crazy the other day.
Jon  2010-03-31 12:56:02
Jaxidian  2010-03-31 13:01:42
An empty div doesn't take up any space, therefore doesn't count as something that needs 'spacing from' using margin
adam  2010-03-31 13:06:14
@Yassir: If this fixes the issue for you, could you mark it as answered so it doesn't show up in the Unanswered Questions list?
Jaxidian  2010-03-31 16:46:04
+1  A: 

I had this problem the other day. I'm not sure why it is occurring and I am far from an expert on the topic but to solve it I added padding bottom to the floated divs and it gave the same effect I was looking for.

Jon  2010-03-31 12:48:41

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?