homepage Welcome to WebmasterWorld Guest from 54.227.146.68
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
IE 5.0 Inline List Problems
In IE 5.0 a UL styled as tabs renders without borders or margins.
jdnnj




msg:1214488
 3:24 pm on Nov 11, 2003 (gmt 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>
</ul>


#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 }

 

billybonds




msg:1214489
 6:01 pm on Nov 11, 2003 (gmt 0)

hi

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

jim

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved