Table height for different screen resolutions

**big-dog1965** · 12-23-2007, 08:03 AM

I have a 1 row 3 col table how do I get it to look right (full screen) on different screen resolutions. If I set it so it looks right on 1024x768 then on1280 x 1024 it only fills like half a page
tried height 100% doesnt valadate and it doesnt work
height auto still nothing
height 500px well ok in 1024 and validates but 1280 not full page either

**Medyman** · 12-23-2007, 09:38 PM

How about using css, instead of tables?

I think that would solve a lot of your problems. It sounds like you have a 3 column layout.

So, take a look at this: http://matthewjamestaylor.com/blog/perfect-3-column.htm

With CSS, you'll be able to have the coding validate and look like you want.

More examples here: http://css-discuss.incutio.com/?page=ThreeColumnLayouts

**big-dog1965** · 12-23-2007, 11:04 PM

the reason I use table is that i dont understand css lame excuse I know I should take the time but need a quick site.
in the site I dont want the header or sides to scroll up they need to always be in sight the center of the page scrolls

**TimFA** · 12-24-2007, 12:08 AM

Just add the tag:

Code:

style="height:100%;width:100%;"

to your tables, and it should work, unless I'm thinking wrong.

edit:
I've never tried, I'm just assuming when you say don't validate you mean that:

Code:

<table height="100%" width="100%">

is not valid? If so then the above should fix it, I think.

**jesu4u** · 12-24-2007, 08:47 AM

Originally Posted by big-dog1965

I have a 1 row 3 col table how do I get it to look right (full screen) on different screen resolutions. If I set it so it looks right on 1024x768 then on1280 x 1024 it only fills like half a page
tried height 100% doesnt valadate and it doesnt work
height auto still nothing
height 500px well ok in 1024 and validates but 1280 not full page either

plz wright this coding for table

<table align=center width="100%">

define the with of the table as width="100%"

**big-dog1965** · 12-24-2007, 01:50 PM

W3C Markup Validator says This page is not Valid HTML 4.01 Transitional!
Line 45, Column 14: there is no attribute "HEIGHT".
ive tried
<table height="100%">
<table height= "100%">
<table height=100%>
<table height=100>

**Medyman** · 12-24-2007, 03:17 PM

So, use css for this part only. I'm sure you can understand this much:

HTML Code:

<table style='height:100%'>

Entire page:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head>
<title>sdf</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<table style='height:100%'>
<tr>
<td></td>
</tr>
</table></body>
</html>

Thread: Table height for different screen resolutions

Thread Tools

Search Thread

Table height for different screen resolutions

hi

Bookmarks

Bookmarks

Posting Permissions