table not displaying correctly

tshad · Apr 27, 2010

This now seems to be an html issue, but not sure where to go to check it
out.

I have been building my asp.net pages where where I want the table to take
the whole screen (height 100%) unless it is greater than the size of the
screen.

I can get it to work fine except for the table spreading the rows.

There are 3 rows:
Top: holds an image or text about 90px height
Middle: has another table with 2 columns - left has menu and right content.
Should take up most of the screen and have set at 100%.
Bottom: the footer (about 39px).

So the top and bottom are fixed with the middle changing as the use changes
the size of the screen.

But the top and bottom are still about the same size as the middle.

I had to strip out all the asp.net code and css files to get to the lowest
common denominator.

*****************************************

<!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>
FAQS
</title><meta http-equiv="content-type" content="application/xhtml+xml;
charset=UTF-8" />
<style type="text/css">
html,
body {
height: 100%;
}

body {
margin: 0;
padding: 0;
text-align: center;
color: #555;
}
</style>
</head>

<body>


<div style="height:100%" >




<table cellpadding="0" cellspacing="0" border="3" style="height:100%">
<tr>
<td style="height:90px">
<div style=" background-color:White">
 </div>
</td>
</tr>
<tr>
<td>
<div style="text-align:left; width: 776px;
background-color: White; height:100%;border:solid 4px Green">

<table cellspacing="0" cellpadding="0"
style="height:100%" >
<tr>
<td style="width:150px; text-align:left;margin:0
0 0 10px" bgcolor="#EDE2E6">
Advantages<br />
Concerns<br />
</td>
<td>
This is faqs
</td>
</table>

</div>
</td>
</tr>
<tr bgcolor="#EDE2E6">
<td style="height:39px" colspan="2">
</td>
</tr>
</table>
</div>
</body>

</html>
*****************************************

I can't find an html newsgroup so I was hoping someone here could help.

Thanks,

Tom

tshad · Apr 28, 2010

I made some changes that seem that now create the top and bottom rows
correctly, but now the middle, which is 100%, makes the middle row the size
of the screen not just what is left so that the whole table is the size of
the screen. Now the table goes below the bottom of the screen. I tried
taking out one of the 100% from the middle <td> but that just shrunk middle
down so space was spread between the 3 rows and the table is not 100% of the
middle section but the size of the content itself.

******************************************************

<!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>
FAQS
</title><meta http-equiv="content-type" content="application/xhtml+xml;
charset=UTF-8" />
<style type="text/css">
html,
body {
height: 100%;
}

body {
margin: 0;
padding: 0;
text-align: center;
color: #555;
}
</style>
</head>

<body>


<div style="height:100%;border:solid 4px green" >




<table cellpadding="0" cellspacing="0" border="3"
style="width:776px;height:100%">
<tr>
<td style="height:100px">
<div style=" background-color:White">
 </div>
</td>
</tr>
<tr>
<td style=" height:100%; background-color:Yellow;
text-align:left">

<table cellspacing="0" cellpadding="0" style="
border:solid 4px purple;width:100%;height:100%" >
<tr>
<td style="width:150px; text-align:left;margin:0
0 0 10px" bgcolor="#EDE2E6">
Advantages<br />
Concerns<br />
</td>
<td>
This is faqs
</td>
</table>

</td>
</tr>
<tr bgcolor="#EDE2E6">
<td style="height:39px" colspan="2">
</td>
</tr>
</table>
</div>
</body>

</html>
******************************************************

What am I missing?

Thanks,

Tom

tshad · Apr 28, 2010

BTW, it works perfect in FireFox (ain't that always the case).

Tom

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Image shifts to the right when export the page to pdf	4	May 5, 2023
Help with Visual Lightbox: Scripts	2	May 3, 2023
Only one table shows up with the information	2	Mar 29, 2023
SendGrid email issue in responsive Gmail	1	Nov 4, 2021
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Text does not display correctly to glow	2	Sep 16, 2022
Filter table rows based on multiple checkboxes value	2	Jan 13, 2023

table not displaying correctly

tshad

tshad

tshad

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads