472,108 Members | 2,033 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,108 software developers and data experts.

Strange table layout

Hello

With this sample of HTML Code, I have a strange behavior in IE (which i
haven't in Firefox)

It make as it doesn't care about the the heights positionned

I positionned them as attribute height then as style, the result is the
same

The second row is not 88px high and i don't undestand why ?

Any idea ?

Thanks a lot

<code>
<table border="1" width="100%">
<tbody>
<tr>
<td height="1" width="168"></td>
<td height="1" width="100"></td>
<td height="1" width="*"></td>
<td height="1" width="15"></td>
<td height="1" width="100"></td>
<td height="1" width="18"></td>
</tr>
<tr>
<td colspan="2" style="width: 268px; height: 88px;">&nbsp;</td>
<td style="height: 88px;">&nbsp;</td>
<td colspan="2" style="width: 115px; height: 88px;">&nbsp;</td>
<td rowspan="3" style="width: 18px; height: 100px;">&nbsp;</td>
</tr>
<tr>
<td rowspan="3" style="width: 168px; height: 66px;">&nbsp;</td>
<td colspan="4" rowspan="4" style="height: 100%;"
valign="top">CONTENT</td>
</tr>
<tr>
</tr>
<tr>
<td style="width: 18px; height: 36px;">&nbsp;</td>
</tr>
<tr>
<td style="width: 168px; height: 100%;">&nbsp;</td>
<td style="width: 18px; height: 100%;">&nbsp;</td>
</tr>
</tbody>
</table>
</code>

Apr 17 '06 #1
2 1535
To further the education of mankind, "xmlizer" <xm*****@gmail.com>
vouchsafed:
Hello

With this sample of HTML Code, I have a strange behavior in IE (which i
haven't in Firefox)

It make as it doesn't care about the the heights positionned

I positionned them as attribute height then as style, the result is the
same

The second row is not 88px high and i don't undestand why ?
Maybe because of this:
<td style="width: 18px; height: 100%;">&nbsp;</td>


....although it's probably the rowspan(s). Tables aren't rendered the same
in all browsers nor under different doctypes.

--
Neredbojias
Infinity can have limits.
Apr 17 '06 #2
xmlizer wrote:
With this sample of HTML Code, I have a strange behavior in IE (which i
haven't in Firefox)
No you don't!
It make as it doesn't care about the the heights positionned
Yes it does!
I positionned them as attribute height then as style, the result is the
same

The second row is not 88px high and i don't undestand why ?

Any idea ?
Yes!

This is your second row: <tr>
<td colspan="2" style="width: 268px; height: 88px;">&nbsp;</td>
<td style="height: 88px;">&nbsp;</td>
<td colspan="2" style="width: 115px; height: 88px;">&nbsp;</td>
<td rowspan="3" style="width: 18px; height: 100px;">&nbsp;</td>
</tr>

The final cell is 100px high! Fix that and your stated problem's
solved.

You also appear to have got muddled up with your cells, colspans, and
rowspans, but it's not immediately obvious what your intended layout
is? Anyway, that'd be one for c.i.w.a.h...
--
AGw.

Apr 17 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

61 posts views Thread by Toby Austin | last post: by
39 posts views Thread by Zak McGregor | last post: by
12 posts views Thread by Rick DeBay | last post: by
12 posts views Thread by Robert Misiorowski | last post: by
47 posts views Thread by Neal | last post: by
2 posts views Thread by niels.froehling | last post: by
117 posts views Thread by phil-news-nospam | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.