473,320 Members | 1,814 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Problems with tables and layout in Firefox

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>

Jan 4 '06 #1
11 12285
> 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
Jan 7 '06 #2

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.
Jan 7 '06 #3
> 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
Jan 9 '06 #4
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)
Jan 9 '06 #5
Ben Holness wrote:
Can anyone else confirm that the display is incorrect on their system on
Firefox (or any other browser for that matter)?


It displays incorrectly on my system:
Windows XP
Firefox 1.5

I'm having a think about why it's not working

Dan

Jan 9 '06 #6
Jim Moe wrote:
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)?


I took the liberty of uploading it to my site:

http://www.danrumney.co.uk/benHolnessBug.html

Dan
Jan 10 '06 #7
Dan Rumney wrote:
Ben Holness wrote:
Can anyone else confirm that the display is incorrect on their system on
Firefox (or any other browser for that matter)?

I do not have an answer about what is happening, or which browsers are
correct, if any, about rendering.
IE6: does not expand to 100%
Opera7: does not expand to 100%
Firefox1.0.7: first row expands
There is something odd about using percentage to set the height of
elements contained in a table cell. Firefox obviously does it inconsistently.

Using non-relative units like px or em eliminates the problem.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jan 10 '06 #8
On Tue, 10 Jan 2006 00:02:12 +0000, Dan Rumney wrote:
Jim Moe wrote:
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?
No it's not - Hostiz say that they are upgrading their servers and no
accounts will be lost, but I guess mine is an exception!

I took the liberty of uploading it to my site:

http://www.danrumney.co.uk/benHolnessBug.html


Thanks Dan - much appreciated :)
Also, what does "the layout doesn't work correctly in Firefox" mean
(since I am too lazy to boot to Windows to run IE)?


The code for both the first and last rows of the table are the same. The
layout is supposed to align such the the word "top" is at the top of the
(outer) table cell and "bottom" is at the bottom. In the actual
application I am working on, the tables have no border and the "top" is
the label for the textarea, while the "bottom" is a character count. In
the actual application the height of the textarea is variable, but I
always want the character count to align to the bottom of the textarea.

Cheers,

Ben

Jan 10 '06 #9
On Tue, 10 Jan 2006 11:39:06 +0000, Ben Holness <us****@bens-house.org.uk>
wrote:

|On Tue, 10 Jan 2006 00:02:12 +0000, Dan Rumney wrote:

|The code for both the first and last rows of the table are the same. The
|layout is supposed to align such the the word "top" is at the top of the
|(outer) table cell and "bottom" is at the bottom. In the actual
|application I am working on, the tables have no border and the "top" is
|the label for the textarea, while the "bottom" is a character count. In
|the actual application the height of the textarea is variable, but I
|always want the character count to align to the bottom of the textarea.
|
|Cheers,
|
|Ben
|
The second nested table is missing a semi colon after width :100%
Jan 20 '06 #10

Jim Moe wrote:
Dan Rumney wrote:
Ben Holness wrote:
Can anyone else confirm that the display is incorrect on their system on
Firefox (or any other browser for that matter)?

I do not have an answer about what is happening, or which browsers are
correct, if any, about rendering.
IE6: does not expand to 100%
Opera7: does not expand to 100%
Firefox1.0.7: first row expands
There is something odd about using percentage to set the height of
elements contained in a table cell. Firefox obviously does it inconsistently.

Using non-relative units like px or em eliminates the problem.


While that is one work around, this is just another example of Mozilla
lagging behind in some areas. ACtually I've encountered nuemrous CSS
related bugs (the code actually works fine in the latest FireFox if you
dont use style sheets, but use the actual height/width attritues
instead.

when it coems down to it, Maxthon (http://www.maxthon.com) is far
superior in many ways. It's esstenially IE with all the features, like
AD/Popup/ActiveX/Script/download-control, support for various plugins
(native IE plugin support can be completely disabled, so you can just
use the Maxthon plugins.) The ad blocker works in side by side with the
popup blocker in IE (they are seperate.)

Best of all, one doesn't have to worry about bugs like those found in
fireFox. don't get me wrong, they've coem a HELL of a long way. I just
dislike the bugs I'm always coming across when I'm developing web
pages. I just wanted to present a viable alternative, and that is
Maxthon.

Feb 3 '06 #11
A. McHonehey wrote:
Jim Moe wrote:
Dan Rumney wrote:
Ben Holness wrote:
Can anyone else confirm that the display is incorrect on their
system on Firefox (or any other browser for that matter)?

I do not have an answer about what is happening, or which browsers
are correct, if any, about rendering.
IE6: does not expand to 100%
Opera7: does not expand to 100%
Firefox1.0.7: first row expands
There is something odd about using percentage to set the height of
elements contained in a table cell. Firefox obviously does it
inconsistently.

Using non-relative units like px or em eliminates the problem.


While that is one work around, this is just another example of Mozilla
lagging behind in some areas. ACtually I've encountered nuemrous CSS
related bugs (the code actually works fine in the latest FireFox if
you dont use style sheets, but use the actual height/width attritues
instead.

when it coems down to it, Maxthon (http://www.maxthon.com) is far
superior in many ways. It's esstenially IE with all the features, like
AD/Popup/ActiveX/Script/download-control, support for various plugins
(native IE plugin support can be completely disabled, so you can just
use the Maxthon plugins.) The ad blocker works in side by side with
the popup blocker in IE (they are seperate.)

Best of all, one doesn't have to worry about bugs like those found in
fireFox. don't get me wrong, they've coem a HELL of a long way. I just
dislike the bugs I'm always coming across when I'm developing web
pages. I just wanted to present a viable alternative, and that is
Maxthon.


I just want to know why this fails in firefox:

<textarea cols="80" rows="20" id='text1' name="text1" tabindex="5"
class="rteiframe"></textarea>

In IE, it displays 20 rows as expected, but in FireFox it shows 21.
Maybe not the end of the world, but it's still not what a developer
expects.

It just seems to me that with it's errant buggyness, one simply cannot
trust FireFox.
Feb 3 '06 #12

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

44
by: Mariusz Jedrzejewski | last post by:
Hi, I'll be very grateful if somebody can explain me why my Opera 7.23 (runing under linux) doesn't show me inner tables. Using below code I can see only "inner table 1". There is no problem with...
39
by: Zak McGregor | last post by:
Hi all Are there any good solutions to aligning form field names and input boxes without resorting to tables? I am struggling to do this nicely at the moment. Thanks Ciao Zak
2
by: CJM | last post by:
I'm developing a site for a charity which I am aiming to make standards-compliant, accessible and cross-browser compatible. I'm doing OK so far and have the workings of a respectable site, but I...
1
by: NightWalker | last post by:
Hello all: I'm having a problem correctly rendering a web page that uses layers to display a web form on top of a flash object. The problem is that the layer renders correctly but the scroll...
4
by: viral612 | last post by:
i m trying to see the xml in a browser using an xslt.... My xml i have defined as <?xml version=" 1.0" encoding="ISO-8859-1"?> <?xml-stylesheet type="text/xsl"...
2
by: TheHobbit | last post by:
Hi there I am a real newbie to CSS so please excuse any daft questions! I am trying to create a page with a header that contains a small square logo in top left corner with 2 longer divs to the rigt...
10
by: Shawn Northrop | last post by:
Hey everybody. I am trying to convert a website that was built using tables into one with using div tags. Not as easy as i thought. Heres the site http://www.jeanneflight.com/JF -- CSS layout...
4
by: lesterhawkins | last post by:
When I create an html web page with tables, the space between the tables is correct when I look at the web page in Firefox, but incorrect when I look at the web page in IE. I have put an example...
3
by: Rachel Lynn | last post by:
I'm working on the index page of a site and can get the tables to view properly in Safari, but have a gap in both Explorer and Firefox . The page is here: http://ludussports.com/index-test.html I...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.