The content displayed on THIS PAGE (<!-- m --><a class="postlink" href="http://198.66.195.44/Content/373.shtml">http://198.66.195.44/Content/373.shtml</a><!-- m -->) 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:
<br />
<table style="margin-left:-3px;">
<tr>
<td valign="top" style="width:150px;font-size:9px;">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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:
<!-- m --><a class="postlink" href="http://198.66.195.44/inc/ie_win.cssIt">http://198.66.195.44/inc/ie_win.cssIt</a><!-- m --> was a surprisingly simple fix.
I removed the align=left; attribute.
*phew*
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:
<br />
<table style="margin-left:-3px;">
<tr>
<td valign="top" style="width:150px;font-size:9px;">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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=http://www.webdeveloper.com/forum/archive/index.php/"/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:
<!-- m --><a class="postlink" href="http://198.66.195.44/inc/ie_win.cssIt">http://198.66.195.44/inc/ie_win.cssIt</a><!-- m --> was a surprisingly simple fix.
I removed the align=left; attribute.
*phew*