Trying my site in css.. FF and IE margin Issues

liunx

Guest
Hey guys trying to do my site in css now.... Heres the link

<!-- m --><a class="postlink" href="http://www.digitaleyesandears.com/testing/center1.html">http://www.digitaleyesandears.com/testing/center1.html</a><!-- m -->

<!-- m --><a class="postlink" href="http://www.digitaleyesandears.com/testing/general.css">http://www.digitaleyesandears.com/testing/general.css</a><!-- m -->


I am having margin issues with firefox. Why isn't the content in the same spot as both IE and FF? In FF it seems to be more towards the top?I think it has to do with a difference in how IE and FF interpret/implement collapsing margins (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins">http://www.w3.org/TR/CSS21/box.html#collapsing-margins</a><!-- m -->). This will get a more uniform top margin:

body {
margin:0; padding:0px;
text-align:center; /* Hack for IE5/Win */
background-color:#999999;
}

#Content {
width:500px;
margin:80px auto;
text-align:left; /* Counteract to IE5/Win Hack */
text-align:center;
padding:45px;
background-color:#000000;
}I think it has to do with a difference in how IE and FF interpret/implement collapsing margins (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins">http://www.w3.org/TR/CSS21/box.html#collapsing-margins</a><!-- m -->). This will get a more uniform top margin:

body {
margin:0; padding:0px;
text-align:center; /* Hack for IE5/Win */
background-color:#999999;
}

#Content {
width:500px;
margin:80px auto;
text-align:left; /* Counteract to IE5/Win Hack */
text-align:center;
padding:45px;
background-color:#000000;
}


Hey Nogdog thanks so much that worked like a charm :)
 
Back
Top