|
Posted by Ben Holness on January 4, 2006, 11:01 pm
Please log in for more thread options
Hi all,
I am having some trouble with some table code. It works fine in Internet
Explorer, but the layout doesn't work correctly in Firefox 1.0.7
Is this a firefox bug, or am I missing something in the HTML? It is pretty
simple code! (Plus it is valid according to the w3c validator)
The layout problem is in the third row. I cannot get the embedded table
(with the top and bottom cells) to be the full height of the cell (unless
I take out the second row). The HTML in the third row is identical to the
HTML in the first row.
I have attached the code below.
Cheers,
Ben
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test Page</title>
</head>
<body>
<form action="">
<table border="1">
<!-- This row is fine -->
<tr>
<td style="height: 100%">
<table border="1" style="height: 100%; width: 100%;">
<tr>
<td style="vertical-align: top;
">top</td>
</tr>
<tr>
<td style="vertical-align: bottom;
">bottom</td>
</tr>
</table>
</td>
<td><textarea rows="5" cols="10"></textarea></td>
</tr>
<!-- If this row is removed, then the next row works fine!!! -->
<tr>
<td>hmmm</td>
<td>what's going on???</td>
</tr>
<!-- This row is identical to the first, but the embedded table is not 100%
height -->
<tr>
<td style="height: 100%">
<!-- This is the table that won't behave in Firefox!! -->
<table border="1" style="height: 100%; width: 100%">
<tr>
<td style="vertical-align: top;">top</td>
</tr>
<tr>
<td style="vertical-align:
bottom;">bottom</td>
</tr>
</table>
</td>
<td><textarea rows="5" cols="10"></textarea></td>
</tr>
</table>
</form>
</body></html>
|
|
Posted by Ben Holness on January 7, 2006, 10:51 am
Please log in for more thread options
> I am having some trouble with some table code. It works fine in Internet
> Explorer, but the layout doesn't work correctly in Firefox 1.0.7
Update: I have upgraded to Firefox 1.5 and it still doesn't work.
Can anyone else confirm that the display is incorrect on their system on
Firefox (or any other browser for that matter)?
Cheers,
Ben
|
|
Posted by Alan J. Flavell on January 7, 2006, 12:32 pm
Please log in for more thread options
On Sat, 7 Jan 2006, Ben Holness wrote:
> > I am having some trouble with some table code. It works fine in Internet
> > Explorer, but the layout doesn't work correctly in Firefox 1.0.7
>
> Update: I have upgraded to Firefox 1.5 and it still doesn't work.
Post the URL of your test document on a suitable server.
The reasons have been explained often enough.
|
|
Posted by Ben Holness on January 9, 2006, 5:26 am
Please log in for more thread options
> Post the URL of your test document on a suitable server.
Sorry, should have realised!
I have put it up at http://usenet.hostiz.com/
Feedback appreciated!
Cheers,
Ben
|
|
Posted by Jim Moe on January 9, 2006, 12:19 pm
Please log in for more thread options
Ben Holiness wrote:
>
> I have put it up at http://usenet.hostiz.com/
>
Is the "There is no website configured at this address" the actual page
we are meant to see?
Also, what does "the layout doesn't work correctly in Firefox" mean
(since I am too lazy to boot to Windows to run IE)?
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
|
| Similar Threads | Posted | | Looking for advice in a CSS layout instead of tables | April 4, 2008, 3:39 am |
| How to make layout without tables (using div's)... | February 7, 2006, 9:07 am |
| tables for layout bugs question | November 1, 2006, 9:33 am |
| No TABLES in html. No hacks in CSS. Any layout possible, crossbrowser. Try it. | December 30, 2007, 7:42 am |
| table width layout problems in IE | May 6, 2005, 7:51 pm |
| Problems with tables and hyperlinks | January 23, 2005, 2:02 pm |
| free HTML editor/divs and not tables for layout? | January 13, 2008, 10:00 am |
| nested table and site layout problems | June 12, 2006, 3:52 am |
| Padding Attribute for Tables and IE Problems | September 6, 2006, 2:51 pm |
| Table layout problem in Firefox/IE6 | June 14, 2005, 8:42 am |
|
XML Sitemap