SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Nov 2004
    Location
    calif
    Posts
    723
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Tables look fine in IE7, but not IE8

    These tables look fine in IE7, but not in IE8. Can you help me? Thanks

    Code:
    <ul class="tableX">
            <li class="lt"><div><font color="#800000"><b>Number</font></div></li>
            <li class="rt"><div>Items</b></div></li>
            <li class="lt"><div>90</div></li>
            <li class="rt"><div>$5.00</div></li>
            <li class="lt"><div><font color="#800000"><b>Total</font></div></li>
            <li class="rt"><div>$5.00</b></div></li>
        </ul>
        <ul class="tableX">
             <li class="lt"><div><font color="#800000"><b>Number</font></div></li>
             <li class="rt"><div>Items</b></div></li>
             <li class="lt"><div>180</div></li>
             <li class="rt"><div>$10.00</div></li>
             <li class="lt"><div><font color="#800000"><b>Total</font></div></li>
             <li class="rt"><div>$10.00</b></div></li>
        </ul>
        <ul class="tableX">
             <li class="lt"><div><font color="#800000"><b>Number</font></div></li>
             <li class="rt"><div>Items</b></div></li>
             <li class="lt"><div>270</div></li>
             <li class="rt"><div>$15.00</div></li>
             <li class="lt"><div><font color="#800000"><b>Total</font></div></li>
             <li class="rt"><div>$15.00</b></div></li>
        </ul>
        <ul class="tableX">
             <li class="lt"><div><font color="#800000"><b>Number</font></div></li>
             <li class="rt"><div>Items</b></div></li>
             <li class="lt"><div>360</div></li>
             <li class="rt"><div>$20.00</div></li>
             <li class="lt"><div><font color="#800000"><b>Total</font></div></li>
             <li class="rt"><div>$20.00</b></div></li>
        </ul>
        <ul class="tableX">
             <li class="lt"><div><font color="#800000"><b>Number</font></div></li>
             <li class="rt"><div>Items</b></div></li>
             <li class="lt"><div>450</div></li>
             <li class="rt"><div>$25.00</div></li>
             <li class="lt"><div><font color="#800000"><b>Total</font></div></li>
             <li class="rt"><div>$25.00</b></div></li>
        </ul>
    Css Code:

    Code:
    ul.tableX {
        width:162px;
        float: left;
        margin:0 0 0px 5px;
        padding: 0;
        list-style: none;
        border: solid #000;
        border-width: 0 1px 1px 0;
    }
    .tableX li.lt {
        float:left;
        border: solid #000;
        border-width: 1px 0 0 1px;
    }
    .tableX li.rt {
        float:right;
        border: solid #000;
        border-width: 1px 0 0 1px;
    }
    .tableX li div {
        width: 80px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding: .4em 0;
    }

  2. #2
    doing my best to help c2uk's Avatar
    Join Date
    May 2005
    Location
    Cardiff
    Posts
    1,832
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow, this looks as ugly as you can get it - no offence really but who coded this and why was an unordered list used instead of the natural <table>? Recode it using a proper <table>, drop that ugly <font> and replace <b> with <strong>, and make sure you nest your tags properly, for example you can't open <b> in one <li> and then close it in the next, it has to be closed in the one it was opened and then reopened again.

    You also might want to check your markup here: http://validator.w3.org/#validate_by_input+with_options
    Dan G
    Marketing Strategist & Consultant


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
  •