HTML Forum

**arlab** · 08-11-2005, 11:35 AM

Greetings...I need to make a 100% heigth table (with the upper and lower cells also at 100% Heigth)... I thought I knew how to do it in Dreamweaver (and it works in the program), but when I'm previewing in a browser, the heigth of the table doeesn't reach 100% (is less)

How do I fix this?

Here's my HTML page, code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>.:: ARLAB ::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style></head>

<div align="center">
<table width="740" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="principal">
<tr align="center">
<td width="600" height="100%" valign="top"> </td>
<td width="82" height="100%" valign="top" background="imagens/faixa.gif"> </td>
<td width="58" height="100%" valign="top"> </td>
</tr>
<tr>
<td width="740" height="420" colspan="3" align="center" valign="middle"> </td>
</tr>
<tr align="center">
<td width="600" height="100%" valign="bottom"> </td>
<td width="82" height="100%" valign="bottom" background="imagens/faixa.gif"> </td>
<td width="58" height="100%" valign="bottom"> </td>
</tr>
</table>
</div>
</body>
</html>

Please, HELP me, fast!!!

Thanks

BTW, is cell background image a well-suported feature? 'Cause Dreamweaver tells me it isn't suported by Netscape and Mozilla...

**spiralfive** · 08-11-2005, 04:37 PM

Put this in the head of your page and try it again:

<style type="text/css">

</style>

**arlab** · 08-12-2005, 11:34 AM

I have. But still no stretching... But I've tried to make a single 100% heigth table... No stretching either...

There must be something wrong with Dreamweaver!!!... Or me..

**arlab** · 08-12-2005, 12:01 PM

Here's what Murray *TMM* has told me (from Macromedia Support Forums):

"Remove the doctype.
Here's the deal.
A doctype on an HTML page tells the browser how to render the page. If
there is no doctype, or if there is an invalid one, the page is rendered in
quirks mode. If there is a valid doctype, the page is rendered in standards
mode.
In quirks mode, the browser makes an attempt to render invalid HTML. Not
all browsers attempt the same rendering - so you will see a variety of
differences, comparing one browser to the next on the same page.
In standards mode, the browsers all render the same (so they say - but in
practice, while not true, it's much more uniform).
Table height is invalid HTML. It always has been - it was never a part of
HTML's specs.
Browsers in quirks mode will try to render table heights. Browsers in
standards mode willl not.
Geddit?"

Here's my Reply (so that YOU can reply to me too:

"THX for answering...
I understood what you said..

So, my page's HTML would start with:

<html>
<head>
....

Right?

But I've tried that and still no effect... No 100% heigth (it happens in Dreamweaver's window, but not in my browsers...).

I dunno why this happens... I've seen a lot of 100% heigth tables that work in my browsers...

How must I do this exactly? Please help me

BTW, is cell background image a well-suported feature? 'Cause Dreamweaver
tells me it isn't suported by Netscape and Mozilla..."

SpiralFire... Can you help me?

**spiralfive** · 01:30 PM

Try This:

<html>

<head>
<title>No title</title>
</head>
<head>
<style type="text/css">

</style>
</head>

<body bgcolor="#768EBA" text="black" link="blue" vlink="purple" alink="red">
<table width="740" align="center" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td width="600"> </td>
<td width="82"> </td>
<td width="58"> </td>
</tr>
<tr>
<td width="1141" colspan="3"> </td>
</tr>
<tr>
<td width="600"> </td>
<td width="82"> </td>
<td width="58"> </td>
</tr>
</table>
</body>

</html>

**OmuCuSucu** · 08-12-2005, 04:39 PM

off-topic: Pretty please use the code tags when pasting code in your posts. thank you.

**arlab** · 08-13-2005, 10:19 AM

Nope... Still no effect... I don't get it... It seems this can only be done with Javascript or other language... DUnno... Well, I may learn one of these later... Thanks anyway...

**arlab** · 01:12 PM

I was wrong... If I take out "DOCTYPE, etc..." from my code, my web-page will appear at 100% heigth... But only at IExplorer... In my main browser (Opera 6.0) it doesn't...

It seems I chose a hard path... I shouldn't have messed with 100% heigth tables

Anyway, here's what I'm trying to do:

<-------------------------------Width = 740 px, Centered------------------------------->

__________________________________________________ _________
|................................................. ..................|.........................|..... ...................|
|....Table that stretches untill it reaches.........|..........idem........|.......... .idem......|
|.............the top of the browser's window.....|..Width = 82 px..|..Width = 58 px..|
|.....................Width = 600 px.......................|........................ .|........................|
|__________________________________ |_____________ |___________|
|................................................. .................................................. .................|
|................................................. .................................................. .................|
|................................................. ....Main Table............................................. ...|
|........Centered in the browser's window.... (Centered in Heigth and Width)..........|
|................................................. .................................................. .................|
|............................Fixed Width = 740 px; Fixed Heigth = 420 px.......................|
|................................................. .................................................. .................|
|................................................. .................................................. .................|
|_________________________________________________ ________|
|................................................. ..................|.........................|..... ...................|
|....Table that stretches untill it reaches.........|..........idem........|.......... .idem......|
|..........the bottom of the browser's window..|..Width = 82 px..|..Width = 58 px..|
|.....................Width = 600 px.......................|........................ .|........................|
|__________________________________ |_____________ |___________|

The cells above and on top of the Main Table, should appear only if necessary, just

The cells above and on top of the Main Table, should appear only if necessary, just to make sure the WHOLE table (the Main and the others) ocuppies the total heigth of the browser's window...

This isn't too hard to make, right? :confused;

Anyone knows of a better way to do this (check the initial post of this topic to see my fisrt try (it works in Dreamweavers's Windows, but not in browsers...)?

If someone could post code for this "Template" I would apreciate A LOT!!! Since I dunno Javascript nor PHP (ASP is a bit slow... but I don't know it either...

... and Flash is a bit too incompatible). A link to a URL of a tutorial of this kind (I don't want to think to much... Just change the number of pixels

) would be nice too...

Thanks....

BTW, with XHTML, is this easy to do? Are 100% heigth tables compatible with it?

**spiralfive** · 08-13-2005, 03:55 PM

You know, honestly I do not think that this is possible. If you use % for the table you also have to use it with the cells, that's why it won't work in Firefox. I have an idea though, how's about creating a table 100% high, 740-p wide,two 10% high cells, and one %80 center. Then insert another table into the top and bottom with fixed width, etc. and alight the cells top and bottom respectively, and place another table within the center cell with fixed width. Anyway, visit here. I'm trying to promote my forum.

**arlab** · 08-14-2005, 09:02 AM

Yeah... the way I'm making things it won't work (in every browsers, at least)...
I'll make things normally, and maybe later I'll worry about that... I'll read a bit of PHP...

**arlab** · 08-17-2005, 07:39 AM

100% Height IS VALID!!!!!

It's true!!

Check this site !!!

Thanks to Tim (TC2112), a Macromedia Dreamweaver General Discussion Forum NewsGroup User...

Finally, my problem is solved!!!

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!