By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,016 Members | 2,255 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,016 IT Pros & Developers. It's quick & easy.

FireFox CSS overflow on table cells versus MSIE

P: n/a
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
Share this Question
Share on Google+
1 Reply


P: n/a
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 discussion thread is closed

Replies have been disabled for this discussion.