FireFox CSS overflow on table cells versus MSIE

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Marek Mänd

    FireFox CSS overflow on table cells versus MSIE

    I have question regarding CSS overflow atribute.

    <body>
    <table style="height:1 00%" id="pagetable" >
    <td style="vertical-align:top;">
    <div
    style="height:1 00%;overflow:sc roll;/*overflow:-moz-scrollbars-vertical;*/overflow-x:hidden;overfl ow-y:auto;">
    <table style="width:10 0%;">

    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.




    (testcase, but not the smallest one)
  • Rijk van Geijtenbeek

    #2
    Re: FireFox CSS overflow on table cells versus MSIE

    On Fri, 29 Apr 2005 11:40:39 +0200, Marek Mänd <cador.soft@mai l.ee> wrote:
    [color=blue]
    > I have question regarding CSS overflow atribute.[/color]
    ...[color=blue]
    >
    > http://www.hot.ee/idaliiga/table-hell-layout.htm
    > (testcase, but not the smallest one)[/color]

    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.


    Rijk van Geijtenbeek

    Comment

    Working...