2 replies [Last post]
WorldFashion
Offline
newbie
SWE
Last seen: 4 years 40 weeks ago
SWE
Timezone: GMT+2
Joined: 2009-07-09
Posts: 1
Points: 0

Hello,

If you look at worldfashion.se/blog in Firefox you'll see how I want it to behave, but in Internet Explorer the individual

  • 's do a linebreak.
  • I use display: inline-block; but I've tried all combinations.

    How can I make it work in IE?

    Thanks!

    Kapitol
    Offline
    Regular
    Last seen: 1 year 40 weeks ago
    Timezone: GMT-5
    Joined: 2007-01-19
    Posts: 11
    Points: 2

    A fix

    Greetings WorldFashion,

    My suggested fix.

    1. Add overflow to your class .main
    [example]

    .main{
    overflow:hidden;
    text-align:justify;
    border-bottom:0px solid #bbb;
    }

    2. Add a float to your #tags list
    [example]

    #tags li{
    float:left;
    margin:7px;
    padding:0px;
    list-style:none;
    display: inline;
    }

    CupidsToejam
    CupidsToejam's picture
    Offline
    Guru
    Waco, TX
    Last seen: 2 years 12 weeks ago
    Waco, TX
    Timezone: GMT-6
    Joined: 2008-08-15
    Posts: 2634
    Points: 1552

    i didnt see a difference

    i didnt see a difference


    First basic few steps in building a webpage
    1. Gather and collect content.
    2. Organize the content into meaningful semantic valid HTML
    3. Design the prototype
    4. Style using CSS

    http://www.pixelbehavior.com