Rookie Problem

[starchild7]

Hi,

I am so rookie and totally clueless about design/coding pages. So Pixelpost is great for me, Thx so much for that. Thus Your help means so much to me too.

I have a browser-dependent problem (I guess)

My "browse" page looks well on Firefox:
Thumbs longing downwards
http://img226.imageshack.us/img226/953/t1resize0rd.gif

But on IE, thumbs going horizontal on and on and the "categories" list is thinned too:
http://img226.imageshack.us/img226/7449/t2resize4su.gif

How can I fix the problem so it always looks like it does on Firefox?

Here is the code for "browse page":


<div class="maincontent">
<table width="100%">
<tbody>
<tr>
<td><div id="breadcrumbs" style="padding: 5px 5px 0px;">&nbsp;</div><!-- end breadcrumbs --> </td>
<td nowrap="nowrap" width="1%">
<div style="padding: 0px; text-align: right; margin-right: 10px;"><a href="index.php"><b>Home</b></a> | <a href="index.php?x=browse&amp;pagenum=1">Archive</a> | <a href="index.php?x=profile">Oh, ME?</a> | <a href="#comments">Comments</a></div>
</td>
</tr>
</tbody>
</table>
<table class="slimtable">
<tbody>
<tr valign="top">
<td class="contentLeft" width="40%">
<div class="padding">
<div class="ltheaderboxalt">ARCHIVE</div>
<div class="data">
<BROWSE_MONTHLY_ARCHIVE_AS_LINK_PAGED><p/>
Categories:<br/><CATEGORY_LINKS_AS_LIST_PAGED>
</div> <!-- end data -->
</div><!-- end ltheaderboxalt -->
</td>
<td class="contentRight" width="60%">
<div class="padding">
<div class="dkheaderbox"><CATEGORY_OR_DATE_NAME_PAGED_ARCHIVE></div>
<div class="data">
<div class="thumbgridcontainer">
<table class="thumbs" align="center" cellpadding="0" cellspacing="2">
<tbody>
<tr>
<td>
<THUMBNAILS_WHOLE_PAGED>
</td>
</tr>
</tbody>
</table>
</div> <!-- end thumbgridcontainer-->
</div> <!-- end data -->
</div><!-- end padding -->
</td>
</tr>
</tbody>
</table>
</div><!-- end main content -->

[starchild7]

I guess everybody here is as clueless as me. Thx anyway

[Joe[y]]

<td>
<THUMBNAILS_WHOLE_PAGED>
</td>

try defining a width on this cell. for example:

<td style="width:50%;">
<THUMBNAILS_WHOLE_PAGED>
</td>

[starchild7]

it did not, but

<td>
<div style="width:100%;">
<THUMBNAILS_WHOLE_PAGED>
</td>

worked just as I wanted :)

thanks so much for the great inspiration.
and i guess i am not that "clueless" as well :)


']<td>
<td style="width:50%;">
<THUMBNAILS_WHOLE_PAGED>
</td>

[Joe[y]]

no probs. weird that 100% worked better than 50% - tables confuse me so much - they just shouldnt be used for layout.

(is anybody else experiencing problems on the forum when trying to type and inverted comma? it keeps doing weird things to the page for me...)