tags:

views:

34

answers:

1
+2  Q: 

[CSS] Margin display disparity between IE7 and FF3

Hi everyone:

Refer to HTML, CSS below.

Why the margin-bottom will not reflect in IE7, but in FF3? Is there any workaround for it?

Notice that I set margin: 50 in CSS. 

<body style="background-color:#fff">
<div class="window">
  d-window
</div>

CSS:

body{margin:10px;padding:0;background-color:#1e1e1e;color:#ddd; border: 1px solid #000000}
.window { width:280px; clear:both; margin: 50px; border: 1px solid #000000}

Thanks

+1  A: 

use a #container div instead of the body and use float on the container but not the .window class that should solve the problem.

Brian  2010-04-09 08:27:24

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?