SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot Tiggy's Avatar
    Join Date
    Mar 2002
    Location
    Lancashire, UK
    Posts
    131
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Netscape 6.2 ordered lists

    I've been busy tweaking the style sheets on my development server ready for the next update, and after a few hours or so I've finally got my site looking as identical as possible on 3 browsers (MSIE 6.0.26, Opera 6.01 and Mozilla 0.9.9).

    However, I've got an interesting bug with Netscape 6.2 that I'm not sure how to fix (I'm not even sure if it is worth fixing). When using an ordered list, the text is not the same size as the items in the list (in my case it is larger)... anyone have any idea on how I can fix this?

  2. #2
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    can we see a stylesheet and your HTML?

    Sketch
    Aaron Brazell
    Technosailor



  3. #3
    SitePoint Zealot Tiggy's Avatar
    Join Date
    Mar 2002
    Location
    Lancashire, UK
    Posts
    131
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could, but its not exactly reader friendly (compressed HTML for most part) and I'm not wanting to upload it to the live server just yet.

    However, this is the snippet I'm working on in the HTML. This snippet is in a div tag with ID #nav which is in a div tag with ID #page. I just noticed the inline style, but that make little difference as it still happens when I use the class without it in other parts of the site.

    Code:
    <h3 class="b" clear="both">Top Referrers</h3>
    <ul class="m">
    	<li>Revelent referrers only for February 2002</li>
    </ul>
    <ol class="cl" style="margin-top: 0; margin-bottom: 5;">
    	<li><a href="http://www.websiteforums.com/" target="_blank">Web Site Forums</a></li>
    	<li><a href="http://www.webwizguide.com/" target="_blank">Web Wiz Guide</a></li>
    	<li><a href="http://www.sictalk.com/forum/" target="_blank">SIC Talk</a></li>
    	<li><a href="http://www.webopedia.com/" target="_blank">Webopedia</a></li>
    	<li><a href="http://www.free-webmaster-tools.com/" target="_blank">Free Webmaster Tools</a></li>
    </ol>
    And this is the full style sheet for Mozilla/Netscape 6

    Code:
    /* ############# */
    /* # ALIGNMENT # */
    /* ############# */
    .ahem
    	{display:none;}
    form,ul.tm,ul.tm li
    	{display:inline;}
    ul.sponsor,ul.sponsor li,ul.m,ul.m li,ul.sa,ul.sa li,ul.l,ul.l li
    	{display:block;}
    body,div.row div.middle,div.inforow,#search,#searchnet
    	{text-align:center;}
    body.print,#page,ul.sponsor
    	{text-align:left;}
    div.row div.next,div.row div.userinput
    	{text-align:right;}
    #content,#nav,div.row div.left,div.row div.back,div.row div.middle
    	{float:left;}
    div.row div.right,div.row div.next
    	{float:right;}
    h3,h4,#top,div.row,div.inforow,ul.sponsor li
    	{clear:both;}
    
    /* ####################### */
    /* # PADDING AND MARGINS # */
    /* ####################### */
    h3.featured,#page,#content,#top,#logo,#search,ul.sponsor,ul.sponsor li,ul.m,ul.sa,ul.l,ul.tm
    	{padding:0px;}	
    #logo,ul.sponsor,ul.sponsor li,ul.m,ul.m li,ul.tm,ul.tm li,ul.sa li,ul.l li
    	{margin:0px;}
    h3
    	{padding:3px;}
    div.row,ul.m li,ul.sa li,ul.l li
    	{padding-top:1px;}
    ul.sa li,ul.l li,ul.m li
    	{padding-bottom:1px;}
    h3,p
    	{margin-top:0px;}
    h1,h2,h3
    	{margin-bottom:0px;}
    ul.m,ul.sa,ul.l
    	{margin:2px 0px 5px;}
    
    /* ######### */
    /* # WIDTH # */
    /* ######### */
    div.left h3,div.right h3
    	{width:98%;}
    #nav h3
    	{width:97%;}
    h4
    	{width:99%;}
    h2.u,div.row,div.inforow,ul.sa,ul.l,ul.tm
    	{width:100%;}
    div.row div.left
    	{width:49%;}
    div.row div.right
    	{width:50%;}
    div.row div.back
    	{width:33%;}
    div.row div.middle
    	{width:34%;}
    div.row div.next
    	{width:32%;}
    div.row div.userinput
    	{width:66%;}
    #page,#top
    	{width:760px;}
    #content
    	{width:596px;}
    .searchthis,#searchnet
    	{width:140px;}
    
    /* ############### */
    /* # FONT STYLES # */
    /* ############### */
    h2,h3,ul.m,ul.sa,ul.l,ul.tm,.cl,.faq,.sl,.sm,.next,.middle,.back,#searchnet,#searchsite,textarea,input
    	{font-family:Verdana,Arial,Helvetica;}
    h1,h4,ul.m li#s
    	{font-family:Arial,Verdana,Helvetica;}
    body,table,p,div,.bc,.c
    	{font-family:Arial,Helvetica;}
    h3.t,h3.r,h3.b,#searchnet,#searchsite
    	{color:#fff;}
    h1,h2,h3.featured,.sl,.faq,a:hover,a:active
    	{color:#933;}
    a:visited
    	{color:#639;}
    a
    	{color:#399;}
    body,table,p,div,h4,h3.y
    	{color:#036;}
    body
    	{background-color:#fff;}
    h3.b,#searchnet,#searchsite
    	{background-color:#369;}
    h3.r
    	{background-color:#933;}
    h3.t
    	{background-color:#c96;}
    h3.y,h4
    	{background-color:#fc9;}
    h1
    	{font-size:150%;}
    h2,.faq
    	{font-size:110%;}
    h3,code
    	{font-size:100%;}
    .editthis
    	{font-size:90%;}
    h4
    	{font-size:85%;}
    h3.featured,.next,.middle,.back,.sl,.sm,ul.l,ul.sa,ul.m,ul.tm,.cl
    	{font-size:85%;}
    body, table, p, div
    	{font-size:small;}
    .searchthis, #searchnet, #searchsite 
    	{font-size:11px;}
    a, a:visted, a:active
    	{text-decoration:none;}
    a:hover
    	{text-decoration:underlined;} 
    a:active
    	{font-style:italic;}
    .next,.middle,.back,#searchnet,#searchsite,ul.m li#s,.bc,.faq,ul.sa li a,ul.l li a
    	{font-weight:bold;}
    h4
    	{font-weight:500;}
    #nav
    	{padding-left: 5px;}
    
    
    /* ######## */
    /* # MISC # */
    /* ######## */
    h3
    	{margin-bottom:2px;}
    img
    	{border:0px none #fff;
    	padding-bottom: 5px;}
    h2.u, h4, #top
    	{border-bottom:1px solid #c96;}
    ul.tm
    	{border-bottom:1px solid #c96;}
    ul.m li,ul.sa li,ul.l li,ul.tm li,ul.sponsor li,ul.sa,ul.l
    	{list-style:none inside none;}
    .cl 	
    	{margin-left: -15px;}
    .cl li
    	{margin: 0px 0px;}
    ul.m li
    	{line-height:0.95;}
    ul.sa li,ul.l li
    	{line-height:0.9;}
    #page
    	{margin-right:auto;
    	margin-left:auto;
    	margin-top:10px;}
    #nav
    	{width:158px;
    	margin-top:2px;}
    div.inforow
    	{padding-top:10px;
    	padding-bottom:5px;}
    /*
    #search
    	{margin-top:29px;
    	height:25px;}
    	*/
    h4
    	{margin-top:3px;
    	padding:2px;
    	border-top:1px solid #c96;}
    #email
    	{background-color: #eee;
    	font-family: courier;
    	font-size: 100%;
    	width: 90%;}

  4. #4
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I recommend you define a value for ol.cl.

    Sketch
    Aaron Brazell
    Technosailor



  5. #5
    SitePoint Zealot Tiggy's Avatar
    Join Date
    Mar 2002
    Location
    Lancashire, UK
    Posts
    131
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Explicitly using ol.cl on the same lines as .cl does not seem to have solved the problem, any other ideas. How much of the market are using Netscape 6 anyway? I know I see Netscape 4 more than 6, and I don't even use a stylesheet for version 4!

    Thanks for the help Sketch, but I think I've already spent too much time on this little flaw... it's only asthetics after all...


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •