Web Analytics Made Easy -
StatCounter Netscape Height attribute... - CodingForum

Announcement

Collapse
No announcement yet.

Netscape Height attribute...

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Netscape Height attribute...

    I'm trying to make this work in NS...

    I have a table that takes up 100% of the viewable area (<table width="100%" height="100%">)

    Inside that table there's a few sections...

    Code:
    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    <tr><td valign="top" width="100%" height="100%" bgcolor="#0000CC">
    <a href="test.asp"><img src="images/logotop.gif" border="0" width="208" height="72"></a><br>
    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">			
    <tr><td width="13">
    <img src="images/spacer.gif" width="13" height="1">
    </td><td valign="top">
    <iframe src="text/about.htm" id="body_text" frameborder="0" width="100%"></iframe>
    </td><td valign="top" width="140">
    <!-- There is a menu here that I'll leave out of my post...-->
    </td></tr>
    </table>
    </td><td valign="top" width="50%" bgcolor="#FFFFFF">
    <img src="images/main.jpg" width="265" height="220"><br>
    <img src="images/details.gif" width="265" height="100"><br>
    </td></tr>
    <tr><td valign="top" align="center" width="100%" height="113" colspan="2" bgcolor="#FFFFFF">
    <img src="images/imagebar.gif" width="300" height="109"><br>
    </td></tr>
    </table>
    Now, first things first...
    In netscape (4 and 6) the height is majorly different from IE - does anyone know why this is and how to fix it?

    Secondly - when I stretch the IFrame to fit the entire width (width="100%") it shows fine - when I use the height property (height="100%") I can see it fine in IE - but it suddenly dissapears in NS6

    Anyone have any ideas for me?

    Thanks

    ~Quack

  • #2
    If you want to *properly* have tables stretch 100% of the viewable area:

    html, body {
    height: 100%;
    }

    .mytableclass {
    height: 100%;
    width: 100%;
    }


    Try using CSS to style your iframe as well, and see if that doesn't fix the problem:

    iframe {
    height: 100%;
    width: 100%;
    }
    jasonkarldavis.com

    Comment


    • #3
      Sorry, I didn't specify how the height was majorly different in NS

      The table overstretches the boundaries of the window - so, the height is more than 100%, and then the imagebar at the bottom is underneath that still...

      copy + paste the HTML and view it in IE and NS, you'll see what I mean.

      Thanks

      ~Quack

      Comment


      • #4
        NN doesn't support the height attribute on tables. I couldn't find it in the HTML 4.01 standard either, nor in the CSS1 standard. It is in the CSS2 standard though, but i would advise against using a fixed height on a table anyway.
        Regards,
        Ronald.
        ronaldvanderwijden.com

        Comment


        • #5
          There is no HEIGHT attribute; use the CSS that jkd provided and it should work, but the overhang may occur if you have body margins, because in some browsers (mac ie5 for sure and maybe moz, but i can't remember) the width and height of the window does not compensate for body margins. You can allow for this by using 0 body margins.
          "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

          Comment


          • #6
            Ok, the tables are working now, but I still have a problem with IFrame and NS6

            As soon as I specify any sort of height percentage to it (76%) it dissapears, I've tried with 25% too, and nothing...

            Anyone ever had this issue before?

            ~Quack

            Comment

            Working...
            X