SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist cronsrcs's Avatar
    Join Date
    Oct 2004
    Location
    UK
    Posts
    500
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Multicolumn lists

    I am trying to produce multicolumn lists as shown on the blue nav bar : - http://50reasonstohatethefrench.com/layout/

    I have produced css for this as shown at: - http://50reasonstohatethefrench.com/dynamic/home.php

    All is fine in IE on Windows and FF Mac os x and Windows, but doesnt render as expected on Mac os x IE.....

    I am looking at altering my css etc, but am not sure how to go about laying this out.

    Or can i make a small fix to enable the layout to be as required in Mac os x IE?

    Any ideas?
    www.silver-rocket.com
    Creative Solutions for this planet and beyond...
    www.onelifeonebus.com
    Fear fading away, not burning out.

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    All I'm seeing are 404 file errors.

  3. #3
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can make multi-column lists (sort of) by specifying a fixed width for the LI elements and then floating them all left inside a fixed-width container:
    Code:
    ul {
      width: 500px;
    }
    
    li {
      width: 100px;
      float: left;
    }
    It doesn't really work if you need the elements to appear in a certain order (e.g. alphabetical) though.
    Last edited by Buddy Bradley; Jun 25, 2006 at 02:27.

  4. #4
    SitePoint Evangelist cronsrcs's Avatar
    Join Date
    Oct 2004
    Location
    UK
    Posts
    500
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dan,

    sorry i have moved the url...

    http://www.50reasonstohatethefrench.com/home.php
    www.silver-rocket.com
    Creative Solutions for this planet and beyond...
    www.onelifeonebus.com
    Fear fading away, not burning out.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,555
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Ie5 mac needs a width on floats otherwise it assumes they are 100% width. (This was a css2.0 specification that was changed in 2.1 I believe so that floats shrunk wrap to fit their content).

    You can use display:inline-block; for ie mac instead.

    http://www.fu2k.org/alex/css/cssjunk...lineBlock.html

    Hope that helps.


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
  •