[thelist] 100% height DTD problem
m.j.milicevic
me at machak.com
Wed Mar 15 16:59:56 CST 2006
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 !
More information about the thelist
mailing list