Height discrepancies in IE6/Win vs Firefox

Forum Moderators: not2easy

Message Too Old, No Replies

Height discrepancies in IE6/Win vs Firefox

by350

5:55 pm on Sep 29, 2005 (gmt 0)

I'm looking for info or hacks regarding height differences in IE6/Win vs Firefox. Here is the CSS we are using:

* {
padding: 0;
margin: 0;
}
#main {
background-color: #000;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
}
#main p {
background-color: #303030;
text-align: left;
border: 1px solid #999;
margin: 12px 12px 0 12px;
padding: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
line-height: 1.7em;
}

This renders two boxes. The second box (#main p) sits on top of the first box and there is a difference of 5px extra above the second box in FF, but not IE. Firefox also is missing 1px in the bottom padding from #main, but is exactly 12px in IE.

Anyone have any insight?

createErrorMsg

7:46 pm on Sep 29, 2005 (gmt 0)

Sorry, I'm not seeing the difference when I put your code into both browsers. Are you using a DOCTYPE? You might also double check the source code to be sure there isn't any extra tags or improperly closed tags that might be snarling things up.

cEM

by350

11:37 pm on Sep 29, 2005 (gmt 0)

Using this doctype:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">