[thelist] 100% height DTD problem

[m.j.milicevic]

try this css on your div example:


html, body
{
 height: 100%;
 margin: 0px;
 padding: 0px;
}
#Table_01 {
 height: 100%;
 width: 770px;
}
.bot {
 position:absolute;
 width: 770px;
 height: 20px;
 border: 1px solid #333333;
 bottom: 0px;
 vertical-align: middle;
 display: table-cell;
 text-align: center;
}
.top {
 height: 78px;
 border: 1px solid #FF0000;
}
.mid
{
 position:relative;
 border: 1px solid #FFFF00;
}


kind regards,
-m.j.milicevic
http://www.machak.com

----- Original Message ----- 
From: "super super" <supercop at shaw.ca>
To: "super super" <supercop at shaw.ca>
Cc: <thelist at lists.evolt.org>
Sent: Wednesday, March 15, 2006 11:41 PM
Subject: Re: [thelist] 100% height DTD problem


I think its not about margin, I revised the files to add
margin: 0px;
padding: 0px;

at html and body.

I know people will complaining about using table layout thats why I did 
include a div version of it,

note that table_withdtd.html looks fine in FF, but not in IE.

I don't know why I am always having trouble with IE...

Regards,

Stanley



----- Original Message -----
From: super super <supercop at shaw.ca>
Date: Wednesday, March 15, 2006 1:19 pm
Subject: 100% height DTD problem

> Hi,
>
> Anybody know how to solve the 100% height DTD problem?
>
> I wanted to achieve the something like this,
> http://test.sc23.info/table_without_dtd.html
>
> but when I added the DTD, it becomes like this,
> http://test.sc23.info/table_withdtd.html
>
> somehow it always have extra space at the bottom of the page both
> in IE and FF, I don’t want create a page without DTD as this is
> the web standard these days, but its making me a headache.
>
> I also created a page without using table, but still no luck
> http://test.sc23.info/div_withdtd.html
>
> Anybody know whats wrong with my codes?
>
> Thanks,
>
> Stanley
>

-- 

* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !