473,402 Members | 2,072 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,402 software developers and data experts.

FireFox CSS overflow on table cells versus MSIE

I have question regarding CSS overflow atribute.

<body>
<table style="height:100%" id="pagetable">
<td style="vertical-align:top;">
<div
style="height:100%;overflow:scroll;/*overflow:-moz-scrollbars-vertical;*/overflow-x:hidden;overflow-y:auto;">
<table style="width:100%;">

which works fine in IE as i want it to, but not in Mozilla/Firefox 1.03.
Although i have overflow set on DIV to scroll, Mozilla Firefox1.03
doesnt respect that and if there is taller content in the INNER TABLE
than that of 100% of the div (that is 100% of the page table), the inner
TABLE is not "scrolled", but makes the height to expand by which it
makes the outermost "pagetable" alst to expand in height (which becames
taller than the browser area) which ruins the layout completely.

http://www.hot.ee/idaliiga/table-hell-layout.htm
(testcase, but not the smallest one)
Jul 21 '05 #1
1 13222
On Fri, 29 Apr 2005 11:40:39 +0200, Marek Mänd <ca********@mail.ee> wrote:
I have question regarding CSS overflow atribute. ...
http://www.hot.ee/idaliiga/table-hell-layout.htm
(testcase, but not the smallest one)


You are relying on quirks mode rendering, which is not a solid base. For
vertical percentage heights to work, the outer container should have a
defined height according to the CSS spec. If you add a 100% height to the
BODY or HTML element, the viewport size will be used in most browsers.

--
Get Opera 8 now! Speed, Security and Simplicity.
http://my.opera.com/Rijk/affiliate/

Rijk van Geijtenbeek

Jul 21 '05 #2

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

Similar topics

47
by: Neal | last post by:
Patrick Griffiths weighs in on the CSS vs table layout debate in his blog entry "Tables my ass" - http://www.htmldog.com/ptg/archives/000049.php . A quite good article.
4
by: N. Demos | last post by:
The following code renders as intended in IE (A TABLE, with cells of fixed width and height, inside of a DIV with fixed width and height and overflow set to hidden.) In Firefox, the table cells...
0
by: N. Demos | last post by:
I have a single row table with fixed dimensioned cells nested inside a fixed dimensioned div, which has overflow: hidden. The div's dimensions are such that It should only display the first two...
3
by: N. Demos | last post by:
I have a single row table with fixed dimensioned cells nested inside a fixed dimensioned div, which has overflow: hidden. The div's dimensions are such that It should only display the first two...
18
by: matt | last post by:
hello, i am experiencing a little problem w/ regards to IE & Firefox compatibility (works as expected in firefox, doesnt in IE). i have a container-div element, which contains 1 image, and 2...
2
by: cbjewelz | last post by:
Hey all. So I'm having problems with cross browser alignments. I'm looking at Safari and Mozilla Firefox. I develop in Safari and so it looks perfect there however in Firefox my vertical...
2
by: Fabio Maggi | last post by:
Hi, to implement search by javascript function I use this code: ============== function filterContacts(term, _id, cellNr){ var s = term.value.toLowerCase(); var table =...
4
by: lilOlMe | last post by:
Hi there! I'm developing a "scrollable table". At first I started using CSS. It worked pretty well until I found a bug that happens when placing this table into a tabbing control... So I...
5
by: jrod11 | last post by:
hi, I found a jquery html table sorting code i have implemented. I am trying to figure out how to edit how many colums there are, but every time i remove code that I think controls how many colums...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

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.