SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Salem, OR
    Posts
    272
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation Odd break in IE with LI and Float

    I've attached an image or what I am seeing to compliment this code (see sitepoint_100306_1.jpg).

    Essentially for some reason in IE it forces a paragraph break in between list items when i combine them with 'float'

    This is the CSS. It is unchanged between seeing the issue in IE versus, well every other browser I tried:

    .xBookList-1_UL {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    }
    .xBookList-1_LI-Title {
    font-size: 75%;
    color: #0066b3;
    font-weight: bold;
    }
    .xBookList-1_LI-Text {
    font-size: 75%;
    color: #666666;
    }
    .xBookList-1_LI-Text A {
    font-size: 99%;
    }
    .xBookList-1_LI-R-Image {
    margin-top: 5;
    margin-left: 10;
    float: right;
    }
    .xBookList-1_LI-L-Image {
    margin-top: 5;
    margin-right: 10;
    float: left;
    }
    .xBookList-1_LI-Line {
    margin-top: 14;
    clear: both;
    margin-bottom: 13;
    }
    Attached Images Attached Images

  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)
    Unfortunately, I have to wait for the attachment to be approved by a staff member. In the meantime, can you post the HTML code that is supposed to go along with this stylesheet?

  3. #3
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Salem, OR
    Posts
    272
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <ul class="xBookList-1_UL">
    <li class="xBookList-1_LI-Title">Title</li>

    <li><img border="0" class="xBookList-1_LI-R-Image" height="194" src="/images/TEST-section-style1-inline-image.jpg" width="128"/></li>
    <li class="xBookList-1_LI-Text">Nulla mattis consectetuer sapien. Suspendisse elit mauris, dapibus et,
    euismod eget, dictum non, quam. Suspendisse lobortis nibh eu nisi.
    Nullam mauris libero, aliquet quis, euismod et, tempus in, felis. Morbi
    fringilla tincidunt nulla. Integer euismod, magna eget egestas
    hendrerit, libero urna congue orci, non facilisis orci turpis eget
    enim. Nulla facilisi. Ut tellus diam, consectetuer eget, pulvinar eu,
    accumsan eu, ligula. Vivamus quis pede id odio sodales tempor.
    Phasellus nec mi nec ante pellentesque tempor. Quisque sollicitudin.
    Morbi interdum blandit magna. Ut faucibus pede quis justo. Donec
    lobortis lacus vel neque. Maecenas varius, neque nec sollicitudin
    consectetuer, mi ipsum dictum nisl, quis consequat justo elit a massa. <a href="http://">More link</a><br/></li>
    <li class="xBookList-1_LI-Line"><img border="0" height="1" src="/images/hr-dotted-line.gif" width="519"/></li>
    <li class="xBookList-1_LI-Title">Title</li>
    <li><img border="0" class="xBookList-1_LI-L-Image" height="194" src="/images/TEST-section-style1-inline-image.jpg" width="128"/></li>
    <li class="xBookList-1_LI-Text">Vivamus eget lacus. Sed ac felis. Phasellus ac dolor. Aliquam erat
    volutpat. Nunc augue nulla, consectetuer sit amet, dictum non, pulvinar
    et, nisi. Pellentesque felis ipsum, blandit sollicitudin, facilisis sit
    amet, semper eget, mi. Lorem ipsum dolor sit amet, consectetuer
    adipiscing elit. Donec iaculis est ut libero. Donec metus ipsum, mollis
    nonummy, tristique id, consectetuer sit amet, odio. Curabitur vitae
    orci at neque lacinia fermentum. <a href="http://">Read more &gt;&gt;</a><br/></li>

    <li class="xBookList-1_LI-Line"><img border="0" height="1" src="/images/hr-dotted-line.gif" width="519"/></li>
    <li class="xBookList-1_LI-Title">Title</li>
    <li><img border="0" class="xBookList-1_LI-R-Image" height="194" src="/images/TEST-section-style1-inline-image.jpg" width="128"/></li>
    <li class="xBookList-1_LI-Text">Nunc arcu augue, venenatis nec, fermentum nec, pretium at, mi.
    Suspendisse tortor est, tempus vel, ornare nec, porttitor ut, nunc.
    Vestibulum euismod ornare tellus. Nulla ullamcorper. Ut mollis. Proin
    commodo. Mauris laoreet tempus risus. Sed mollis massa in lacus. Ut
    viverra sapien adipiscing dui. Aenean auctor nisi ut lacus. Mauris
    accumsan. Cras sed ante. Donec eleifend mi a risus. Nulla eu lectus.
    Mauris mi.</li>
    <li class="xBookList-1_LI-Line"><br/></li>
    </ul>

  4. #4
    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)
    Hmm... looks like you might be better off using a definition list for this. Do you have a link to the page I could look at? I have a hunch, but I'd like to be able to see how your current page (in all its glory) works in my browsers before I suggest anything.

  5. #5
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Salem, OR
    Posts
    272
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't, it's just on my local machine right now.

    But any ideas, through 'em out!

  6. #6
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Salem, OR
    Posts
    272
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation

    That is, let me know what they are -damn English sayings.


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
  •