Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

IE 5.0 Inline List Problems

In IE 5.0 a UL styled as tabs renders without borders or margins.

3:24 pm on Nov 11, 2003 (gmt 0)

New User

10+ Year Member

joined:Aug 28, 2003
votes: 0

I am using a UL to show tabs as sub-navigation though in IE 5.0 and NS 4.75 (though I am not very concerned with NS) they are appearing without proper spacing and no borders. I have somewhat eased the margin/padding issue by inserting nbsp though it is not the ideal solution I would like to use.

<ul id="subnav">
<li>&nbsp;<a href="link1.html">Link One</a>&nbsp;</li>
<li>&nbsp;<a href="link2.html">Link Two</a>&nbsp;</li>
<li>&nbsp;<a href="link3.html">Link Three</a>&nbsp;</li>

#subnav {
color: #3c3c3c;
font-size: 18px;
margin: 0px;
padding: 3px 0px;
border-bottom: 2px solid #db0029;
width: auto }
#subnav li {
list-style-type: none;
margin: 0px 6px 0px 0px;
position: relative;
width: auto;
display: inline }
#subnav li a {
background-color: white;
float: none;
padding: 3px;
border-style: solid solid none solid;
border-width: 1px;
border-color: #3c3c3c;
width: auto }
#subnav li a:hover {
color: #db0029;
border-style: solid solid none solid;
border-color: #db0029 }
6:01 pm on Nov 11, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 30, 2003
votes: 0


i found that the list in this tutorial [css.maxdesign.com.au] worked as you want.

you will need .clearboth {
clear: both;

in the CSS and to put <br class="clearboth"> immediately beneath the navigation div for it to appear correctly in mozilla



Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members