Tue, 2004-07-27 20:46
I have a div with a ul in it (will become navigation). There is a difference in the height of the div from IE to mozilla. I've added padding and margins set to 0 but there is still a difference in height.
Can someone take a look at the code or the page: http://ghpr.net/proof/index.html/ the style sheet is at http://ghpr.net/proof/default.css
thanks
Here's the code:
<div id="topbar"> <ul> <li>home</li> <li>::</li> <li> services</li> <li>::</li> <li>clients</li> </ul> </div>
css:
#topbar { background-color:#ACACAC;border-top:1px solid #F7F7F7;border-bottom:1px solid #000; height:33px; text-align:right; } #topbar ul { margin-top:6px;margin-right:10px;padding: 0; } #topbar li { font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:13px;color:#FFF; display:inline;letter-spacing:1px;list-style: none;margin: 0;padding: 0; }
[/url]
Tue, 2004-07-27 22:52
#1
height difference in div in IE vs. mozilla
Hi bob,
It could be the margin-bottom of the ul.
Try setting that to 0 #topbar ul {margin-bottom:0;}
Hope that helps