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 4 of 4
  1. #1
    Senior Coder
    Join Date
    May 2004
    Posts
    1,457
    Thanks
    15
    Thanked 0 Times in 0 Posts

    not displaying right in chrome

    the following code in chrome pushes everything else off the page
    why?
    (it works fine in ie and firefox)

    Code:
     <ul class="breadcrumbs">
                  <li><a href="http://www.xxxl.com/new//index.php?cPath=24" >link 1</a> &raquo; <a href="http://www.xxxl.com/new//index.php?cPath=24_25&osCsid=ric0j5hfhpv3pdbsgfv9ueo735" >bredcrumb 2</a> &raquo; <span>breadcrumb 3</span> </li>
    
                </ul>
    and
    css

    Code:
    .breadcrumbs {
    float:left;
    }
    
    .breadcrumbs li {
    color:#666;
    display:inline;
    font-size:12px;
    }
    
    .breadcrumbs li a {
    color:#006666;
    text-decoration:underline;
    }
    .breadcrumbs li a:hover { text-decoration:none }
    
    .breadcrumbs li span { color:#cc0033; }

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello esthera,
    Maybe Chrome is choking on not getting a width for your float?

    See A floated box must have an explicit width

    I don't have Chrome installed to check it out but it might help if you posted enough that we could see what's getting pushed off the page.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    It looks the same to me in Firefox, Opera and Chrome.

  • #4
    Senior Coder
    Join Date
    May 2004
    Posts
    1,457
    Thanks
    15
    Thanked 0 Times in 0 Posts
    the width can be a whole line
    it's a breadcrumb

    see http://www.kos hercasu al.com/new//index.php?cPath=24_25

    (remove spaces please)


  •  

    Posting Permissions

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