473,396 Members | 1,852 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 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 1567
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

61
by: Toby Austin | last post by:
I'm trying to replace <table>s with <div>s as much as possible. However, I can't figure out how to do the following… <table> <tr> <td valign="top" width="100%">some data that will...
39
by: Zak McGregor | last post by:
Hi all Are there any good solutions to aligning form field names and input boxes without resorting to tables? I am struggling to do this nicely at the moment. Thanks Ciao Zak
12
by: Rick DeBay | last post by:
I'm trying to create a layout table, where the spacing between rows varies. I've tried using setting margin-top and border-top for the rows I wan't spaced down from the one above, and I've also...
12
by: Robert Misiorowski | last post by:
Hello, I have a very perplexing (at least to me) problem that hopefully someone can help me with. I'm making a site with a 3 column layout. In the middle column (my fluid column) I am trying to...
47
by: Neal | last post by:
Patrick Griffiths weighs in on the CSS vs table layout debate in his blog entry "Tables my ass" - http://www.htmldog.com/ptg/archives/000049.php . A quite good article.
3
by: ckirchho | last post by:
Halo, I am trying to realize a two column layout basically like this: <html> <head> <style> leftCol { float: left; width: 15em; }
2
by: niels.froehling | last post by:
Hy; I converted the tables (for _tabular_ :) data) in a project from the plain <table><tr><td></td></tr></table> structure to seperation into head/foot/body divisions (not the <div>-element)....
117
by: phil-news-nospam | last post by:
Is there really any advantage to using DIV elements with float style properies, vs. the old method of TABLE and TR and TD? I'm finding that by using DIV, it still involves the same number of...
0
by: savvy | last post by:
I'm having some background graphics layout on the page and a table layout on top of it. Inside the table i have two DropDownList menus whose AutoPostBack Property is set to true and I'm using two...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

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.