Forum Moderators: open

Message Too Old, No Replies

Annoying table width/word wrap inconsistency

Different rendering NS6.2/IE6, table width and cell word wrap

         

MTKilpatrick

11:41 pm on Jul 21, 2003 (gmt 0)

10+ Year Member



Folks,

could someone perhaps tell me if there is anything to know about tables that will stop Netscape 6.2 and IE 6.0 rendering my table differently?

Netscape 6.2 does not extend the table width when possible but instead wraps the content within the cells. I have removed all width constraints from the table. IE 6.0 extends the table width as much as it can within the page - fine.

I've created a one-line version of the table just to show you the structure, using the widest content line. There a dozen or more rows identical in structure and content type.

Netscape insists on wrapping the text in the table and only
extending it to about 75% of the width of the available page!
It wraps it such that the "D.E." of "The Complete Capitol Recordings of D.E." is wrapped, and the "Raindrop" in "Falling Like A.." is wrapped.

Why? What's Netscape thinking about my table?

Any ideas, please?

Michael

---------------------

<style type="text/css">
table {margin: 0;}
th, td {padding-right: 0.5em; height:1.25em;}
table.cd { border: 1px outset #ededed;}
.cd td, .cd th { border: 1px outset #888888;}
</style>

<table class="cd" cellpadding="5" cellspacing="0" style="margin-left:2em;">
<tbody valign="top">

<tr align="left">
<th>CD Title</th>
<th>Label</th>
<th>Number</th>
<th>Content</th>
</tr>

<tr>
<td>The Complete Capitol Recordings of D.E.</td>
<td>Mosaic</td>
<td>MD5-160</td>
<td><a href="BIGD">Big Drag</a><br>
<a href="ULTD">Ultra Deluxe</a><br>
<a href="HGLL">Happy Go Lucky Local</a><br>
<a href="FLAD">Falling Like A Raindrop</a>
</td>
</tr>

</tbody>
</table>

ytswy

11:12 am on Jul 22, 2003 (gmt 0)

10+ Year Member



Hi MTKilpatrick

Not sure why this is happening, maybe NS6.2 assumes that all the columns should be equal width?

You could try setting the CSS atribute white-space to nowrap, eg:
table.cd td {white-space: nowrap;}

I think thats the correct syntax, no idea if NS6.2 supports it though...

hakre

11:16 am on Jul 23, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



next to what ytswy is telling, often it helps to put non-visible spacer images into the table (1px height, and the td width in px).

-hakre