HTML 4.01 strict - table how to

Christophe Darville · Apr 7, 2004

Hello,

I want to move my html pages to be html 4.01 standard (strict mode).

I run into the following problem with a table (having 2 rows).

I want my table to take up the whole page (height and width = 100%).

I want my first row to take up exactly 60px.

I want my second row to take up the rest of the page.

In quirk mode, I was able to do this by using attribute height="*" for the
second row, but in html 4.01, I do not find a way to make it works.

I have tried something like (and many other things) :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html style="margin:0;padding:0;height:100%">
<head></head>
<body style="margin:0;padding:0;height:100%">
<table border="1" CELLPADDING="0" CELLSPACING="0"
style="height:100%;width:100%">
<tr style="height:60px">
<td style="height:60px">menu</td>
</tr>
<tr style="height:*">
<td style="height:*">body</td>
</tr>
</table>
</body>
</html>

Any idea ?

Thank you,
Christophe

Mark Parnell · Apr 7, 2004

Hello,
G'day.

I want to move my html pages to be html 4.01 standard (strict mode).

Good for you. Why?

I run into the following problem with a table (having 2 rows).

http://www.allmyfaqs.com/faq.pl?Tableless_layouts

DU · Apr 8, 2004

Christophe said:
Hello,

I want to move my html pages to be html 4.01 standard (strict mode).

I run into the following problem with a table (having 2 rows).

Why a table design? Tables should be used only for tabular data. Use

I want my table to take up the whole page (height and width = 100%).

What's so wrong with a vertical scrollbar when it is needed to access a
long document? What's so wrong if your document content overflows the
user's browser viewport dimensions... which you can not control by the
way...

I want my first row to take up exactly 60px.

I want my second row to take up the rest of the page.

In quirk mode, I was able to do this by using attribute height="*" for the
second row, but in html 4.01, I do not find a way to make it works.

I have tried something like (and many other things) :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html style="margin:0;padding:0;height:100%">

html never has margin nor padding in all W3C web standards compliant
browsers. MSIE 5+ has a medium inset border though.

<head></head>
<body style="margin:0;padding:0;height:100%">
<table border="1" CELLPADDING="0" CELLSPACING="0"
style="height:100%;width:100%">
<tr style="height:60px">
<td style="height:60px">menu</td>
</tr>
<tr style="height:*">
<td style="height:*">body</td>
</tr>
</table>
</body>
</html>

Any idea ?

Thank you,
Christophe

What is you real web page and real web page context, situation exactly?
It looks to me that you are trying to fix a problem related to your
webpage with an assumed (table-based design) solution instead of first
presenting what is the real issue here. Be open-minded, flexible!

DU

Barry Pearson · Apr 8, 2004

Christophe said:
Hello,

I want to move my html pages to be html 4.01 standard (strict mode).

I run into the following problem with a table (having 2 rows).

I want my table to take up the whole page (height and width = 100%).

[snip]

This is very hard cross-browser & Strict. I have been unable to make it work
for IE Mac. (I think there are scripts which would do it for you. I was trying
to do it purely with valid 4.01 Strict & CSS2. And I still ended up with some
script to cause Opera to reload the page if the user resized the viewport!)

Here is the best I could achieve:

http://www.barry.pearson.name/articles/table_pages/single_cell.htm
http://www.barry.pearson.name/articles/table_pages/single_cell.css

There are actually 3 different things being demonstrated on that page, all of
them using single-cell tables:
1. Stretching a table to the height of the viewport.
2. Achieving the effect of a max-width column, even in IE.
3. Having a better approach to a flexible centre column between floated
sidebars than using wide left & right margins, even in IE.

You want the outer-most table, and the corresponding CSS:
body
#verticaldiv
#verticaltable
#verticalcell

Having trouble centering contents of td ?	3	May 2, 2023
How to wrap <td> content .	16	Sep 28, 2023
How to have two html audio players on one page?	0	May 3, 2022
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Image shifts to the right when export the page to pdf	4	May 5, 2023
Help with Visual Lightbox: Scripts	2	May 3, 2023
HTML Table Issue	1	Aug 29, 2022
How to position the tooltip comment on these buttons?	9	Nov 4, 2023

HTML 4.01 strict - table how to

Christophe Darville

Mark Parnell

DU

Barry Pearson

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads