HTML Forum

**jyoz22** · 03-20-2006, 07:28 PM

i'm trying to make a site using a table as the container basically, i need it to be exactly 100% of the screen width and heigth.

If i do <table width="100%" height="100%">

the width works but not the height. what can i do about the height?
----------------------------
also i know that topmargin="0", leftmargin="0", rightmargin="0", and bottommargin="0" those work on IE, and a few other browsers but not all.

if i did this:

<table style="width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px;">

do you think that would work on all browsers?

**colbyt** · 07:41 PM

I can't answer the browser part.

The 100% width should resize for the popular browsers.

The 100% height is different. The height of any table is controlled by the content wihin the table. When the content stops so does the table. One can cheat by using a series of <br> if blank space is desired. If there is another way I am not aware of it.

Colbyt

**jyoz22** · 03-20-2006, 07:42 PM

no, i don't want to use <br>'s that messes up in each screen resolution, the 800x600 screens would just have a whole bunch of blank space.

**amygdela** · 03-20-2006, 08:00 PM

You can make the table 100% in height and width with CSS, but the 100% height of the table must be related to another 100% height, and for that we use the <body> tag.

body {
height: 100%;
margin: 0;
padding: 0;
background: #FFF;
}
#myTable {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

<body>
<div id="myTable">
your contents
</div>

**jyoz22** · 03-20-2006, 08:08 PM

thanks, i'm goint to try that what i used to do was make a table that was 100% in height with only 1 cell and then in that cell put another table that's 100% in height and body of the site.

**amygdela** · 03-20-2006, 08:14 PM

that could be as well, but nesting tables (table in table) is taking more time to load because your browser has to calculate the room the table will take within the other table. I hate tables

**ghettobert** · 03-21-2006, 05:09 AM

Quote:

Originally Posted by amygdela

You can make the table 100% in height and width with CSS, but the 100% height of the table must be related to another 100% height, and for that we use the <body> tag.

body, html {
height: 100%;
margin: 0;
padding: 0;
background: #FFF;
}
#myTable {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

<body>
<div id="myTable">
your contents
</div>

For some browsers just setting body to 100% isn't enough, I'd add the html tag too. While a height of 100% on a DIV is fine, 100% height on a table won't validate. So you might want to use DIV's just as amygdela suggested

**amygdela** · 03-21-2006, 06:50 PM

you're right, I forgot the html tag in the CSS.

**jyoz22** · 03-21-2006, 08:37 PM

thanks you guy's i'm going to start trying to change it do <div>'s , but i've always been a <table> kinda guy...

**Mickoes** · 03-22-2006, 12:30 AM

Yes you should definitely learn Divs!

Remember that not every browser support CSS and not every browser support your first example. 99% of the world use a decent navigator even those African who uses priceless computers with an incredibly slow internet connection.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!