nesting tables problem

  Dorkins 18:32 07 Jan 2008
Locked

I have been trying to build a webpage using nested tables but when viewed through IE7 the contents is pushing up into the site navigation area. Help please. Big thanks

html>
head>

title>Nesting Tables /title>

/head>
body>

!-- container -->
table width="612" cellspacing="2" border="1" align="center">
tr> td>


!-- table 1 -->
table width="150" height="100" cellspacing="2" cellpadding="2" align="left" border="1">
tr>
td rowspan="2" align="center"> u>External Links /u> /td>
/tr>
/table>

!-- table 2 -->
table width="450" height="30" cellspacing="2" cellpadding="2" align="right" border="1">
tr>
td align="center"> u>Site Navigation /u> /td>
/tr>
/table>

!-- table 3 -->
table width="450" height="70" cellspacing="2" cellpadding="2" align="right" border="1">
tr>
td align="center"> u>Contents /u> /td>
/tr>
/table>

/td> /tr>
/table>

/body>
/html>

  CodeMeister 20:03 07 Jan 2008

Hi Dorkins,

As you have demonstrated, using "table" tags to create your web page structure results in very bloated HTML code.

This is one of the reasons why the world wide web consortium (W3C) advise against using tables to create web page structures.

click here

Table tags should only be used to display tabular data.

  Kemistri 22:18 07 Jan 2008

Amen to that. Nested tables are a very unpleasant way of coding, they break easily, they load more slowly, they fail accessibility tests, they are harder to modify....

...and they are harder to debug. Which is why neither I or, presumably, CodeMeister have tried to fix your code. If you used CSS positioning, it would be quite easy to fix.

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

Galaxy Note 8 vs iPhone X

Graphic tees: 14 best websites to find your next T-shirt

How to update iOS on iPhone or iPad

Les meilleures applications pour enfants 2017