nesting tables problem

  Dorkins 18:32 07 Jan 08
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 08

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 08

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.

Surface Pro 5 News - release date, UK price, features, specs

Microsoft Surface Studio hands-on review: the iMac killer is here

Best Mac antivirus 2017