SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2006
    Location
    South Africa
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Multiple Items in List and strange line break problem

    http://www.podsouthafrica.com/videos...d=BawiY/eTJhQ=

    Sigh... IE the curse of the web designer. Ok, the link will show you a video view page. In the sidebar the "profile blocks" that contain the image and the username and the meta date looks funny in IE in two ways.

    1) The second item (and third) does not auto stretch the whole length like it should and does in FF. I've tried about everything i can think.

    2) Just before i want to kill myself, the text items in the Username and Meta list-item for some reason breaks to the next line after a space!!!!

    How do i solve these silly problems? Images and Code Follows.

    IE!!!


    FireFox

    This is what the typical profile Box would look like.
    Code HTML4Strict:
    <div class="userbox">
    <ul>
    <li class="userpic">
    <a href="../profiles/profile.aspx?user=supersmurf">
    <img border="0" alt="" src="../thumbnail.aspx?section=PERSONALPICS&w=75&h=72&image=yep1.jpg"/>
    </a>
    </li>
    <li class="username">
    <span id="ctl00_ContentPlaceHolder1_repeaterTopCommenters_ctl00_lblUsername">
    <a href="profiles/profile.aspx?user=supersmurf">supersmur..</a>
    </span>
    </li>
    <li class="meta">
    <span id="ctl00_ContentPlaceHolder1_repeaterTopCommenters_ctl00_lblCarMake">2</span>
    Comments
    </li>
    </ul>
    </div>
    Blog, Graphic, Web and Frontend Designer
    www.foxinni.com

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

    Looks like you need to comment out this line and add in the line underneath.

    Code:
    /* html div.userbox  { width:1px;}*/
    
    * html div.userbox li{height:auto!important}

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2006
    Location
    South Africa
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Messy... how did that get in there?! Thats the thing about big sheets... overlooking the finer detail. Firebug makes one weak. Where do i vote Paul to be CSS Guru 2007/8? Thanks Paul!
    Blog, Graphic, Web and Frontend Designer
    www.foxinni.com

  4. #4
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by foxinni View Post
    Where do i vote Paul to be CSS Guru 2007/8? Thanks Paul!
    You're too late

    Although I don't think your vote would have made all that much of a difference...

    http://www.sitepoint.com/forums/showthread.php?t=513730


  5. #5
    [Biped] LJK's Avatar
    Join Date
    Jun 2004
    Location
    In My Jammies
    Posts
    761
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Off Topic:


    Yeah, isn't it Gold Watch time for Paul?
    [Even though I hope he won't be retiring any time soon...]

    F-Fox 2.0 :: WIN :: el design :: US

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Off Topic:


    Yeah, isn't it Gold Watch time for Paul?
    Sounds like you're putting me out to pasture


  7. #7
    [Biped] LJK's Avatar
    Join Date
    Jun 2004
    Location
    In My Jammies
    Posts
    761
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Ha!

    Off Topic:


    Not at all! You just deserve ALL the props.
    [But it sure would be a well-ordered field ...]
    F-Fox 2.0 :: WIN :: el design :: US


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
  •