Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jan 2012
    Posts
    36
    Thanks
    1
    Thanked 0 Times in 0 Posts

    CSS: Unordered list problem in IE 8

    Hi,

    I have an unordered list that works perfectly in all the major browsers except IE 8. Instead of displaying the list horizontally, it displays them in a vertical list. here is the css:

    Code:
    ul.navbar {
      display: inline;
      list-style-type: none;
      font-family: Arial;
      font-weight: bold;
      font-size: 1em;
      width: 950px; 
      overflow: hidden;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 0px;
      margin-left: 15px;
      margin-top: 0px;
      position: absolute;
      top: 160px;
      background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
      background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
       background-image:     -ms-linear-gradient(top, #ffffff, #f2f2f2);
       background-image:      -o-linear-gradient(top, #ffffff, #f2f2f2);  
      -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
      box-shadow: 0 3px 3px rgba(0,0,0,0.2);
      z-index: 20;
    }
    
    ul.navbar li {
      display: inline;
      width: 1024px;
      padding-right: 35px;
      padding-top: 0px;
      margin-left: 0px;
      margin-top: 0px;
      white-space: pre;
      font-weight: bold;
      font-size: 1em;
    }
    Any help please! Thank you
    Last edited by gingerbread; 03-01-2012 at 04:53 PM. Reason: modifying code

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,858
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    here is the css:
    Some CSS without any HTML involved is pretty useless. Please post your entire HTML+CSS or give a link to your page.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Tags for this Thread

    Posting Permissions

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