SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Apr 2010
    Posts
    112
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation IE span list fix

    Working in all other browsers except IE, f*ck u IE damnit, especially when it comes to css.

    Sorry for that, anyway heres the code...

    Code:
    .block .list li {
    background-image : url(http://gameinfiniti.com/images/bg_list.png);
    }
    .block .post-info {
    float : left;
    width : 150px;
    height : 10px;
    padding-top : 13px;
    padding-left : 7px;
    overflow : hidden;
    }
    .block .post-info .post-title {
    font-size : 1.13em;
    font-family : Eurostile;
    color : #507500;
    width : 10000px;
    font-style : normal;
    float : left;
    }
    .also {
    font-family : Eurostile;
    font-size : 1.25em;
    color : #fff;
    margin-top : 10px;
    padding-left : 7px;
    }
    .also a {
    background-color : #fff;
    }
    Example page (view in IE):
    http://gameinfiniti.com/x360/reddead/redemption/

    Thanks

  2. #2
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    I would not say that IE is to blame here, try closing your spans properly.

    Code:
    <ul class="list">
        <li><a href="#"><span class="post-info"/><strong class="post-title">Rockstar Games</strong></a></li>
        <li><a href="#"><span class="post-info"/><strong class="post-title">Rockstar San Diego</strong></a></li>
        <li><a href="#"><span class="post-info"/><strong class="post-title">Sandbox Action-Adventure</strong></a></li>
        <li><a href="#"><span class="post-info"/><strong class="post-title">Release: May 18, 2010</strong></a></li>
        <li><a href="#"><span class="post-info"/><strong class="post-title">ESRB Mature</strong></a></li>
    </ul>
    Code:
    <ul class="list">
        <li><a href="#"><span class="post-info"><strong class="post-title">Rockstar Games</strong></span></a></li>
        <li><a href="#"><span class="post-info"><strong class="post-title">Rockstar San Diego</strong></span></a></li>
        <li><a href="#"><span class="post-info"><strong class="post-title">Sandbox Action-Adventure</strong></span></a></li>
        <li><a href="#"><span class="post-info"><strong class="post-title">Release: May 18, 2010</strong></span></a></li>
        <li><a href="#"><span class="post-info"><strong class="post-title">ESRB Mature</strong></span></a></li>
    </ul>

  3. #3
    SitePoint Zealot
    Join Date
    Apr 2010
    Posts
    112
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ah... wth tho? w3 said it was a self close tag... >.<

    anyway thanks! thought it was a complicated css thing


Tags for this Thread

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
  •