www.webdeveloper.com
Results 1 to 2 of 2

Thread: IE 6 displays table data staggered and not correctly aligned

  1. #1
    Join Date
    May 2005
    Posts
    21

    IE 6 displays table data staggered and not correctly aligned

    The content displayed on THIS PAGE looks appropriate in Mozilla and Firefox. Internet Explorer 6 displays the images staggered and crams the text onto the right hand side of the page. I validated the code (yes, I know...I will fix the other 4 issues soon). I attempted to add an additional <br /> after each image, but that didnt do anything.
    My style sheet is supposed to maintain a constant width for the displayed content, but I imagine the table size is throwing that out the window. Someone tell me what is up?
    Below is most of the code that goes into the CMS:
    Code:
    <br />
    <table style="margin-left:-3px;">
    <tr>
    <td valign="top" style="width:150px;font-size:9px;">
    <img src="/img/special/mckit_decor1.jpg" width="130" height="100" border="0" align="left" alt="" /><br />
    <em>Figure 1:<br />Front Hallway wallpaper</em><br /><br />
    <img src="/img/special/mckit_decor2.jpg" width="130" height="100" border="0" align="left" alt="" /><br />
    <em>Figure 2:<br />Parlor carpet design</em><br /><br /><br />
    <img src="/img/special/mckit_decor3.jpg" width="130" height="100" border="0" align="left" alt="" /><br />
    <em>Figure 3:<br />Stairway carpet runner</em><br /><br /><br />
    <img src="/img/special/mckit_decor4.jpg" width="130" height="100" border="0" align="left" alt="" /><br />
    <em>Figure 4:<br />Dining Room carpet design</em><br /><br /><br />
    <img src="/img/special/mckit_decor5.jpg" width="130" height="100" border="0" align="left" alt="" /><br />
    <em>Figure 4a:<br />Section of actual Dining Room carpet</em><br /><br /><br />
    <img src="/img/special/mckit_decor6.jpg" width="130" height="100" border="0" align="left" alt="" /><br />
    <em>Figure 5:<br />Dining Room wallpaper border</em><br /><br /><br />
    <img src="/img/special/mckit_decor7.jpg" width="130" height="100" border="0" align="left" alt="" /><br />
    <em>Southwest Chamber carpet</em><br /><br /><br />
    <img src="/img/special/mckit_decor8.jpg" width="130" height="163" border="0" align="left" alt="" /><br />
    <em>Southwest Chamber wallpaper</em><br /><br /><br />
    <img src="/img/special/mckit_decor9.jpg" width="130" height="182" border="0" align="left" alt="" /><br />
    <em>Parlor border wallpaper</em><br /><br /><br />
    <img src="/img/special/mckit_decor10.jpg" width="130" height="95" border="0" align="left" alt="" /><br />
    <em>Secondary wallpaper border for Parlor</em><br />
    </td>
    <td valign="top">
    The McLellan House stands... Three centuries of art, architecture, and design.<br />
    </td></tr></table>
    The internet explorer style sheet can be found here:
    http://198.66.195.44/inc/ie_win.css

  2. #2
    Join Date
    May 2005
    Posts
    21
    It was a surprisingly simple fix.
    I removed the align=left; attribute.

    *phew*

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles