defcon: problem mit netscape navigator

habe 3 bereiche untereinander wobei der mittlere vertikal zentriert ausgerichtet werden soll und eine FIXE HÖHE haben soll (z.b.bild). der obere und untere bereich soll den restlichen bildschirm ausfüllen.

beispielcode:

<table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100%" height="50%" style="background-color:blue"> </td>
  </tr>
  <tr valign="middle">
 <td width="100%" height="400" style="background-color:yellow" > </td>
  </tr>
  <tr>
 <td width="100%" height="50%" style="background-color:red" > </td>
  </tr>
</table>

funktioniert im i-explorer und opera einwandfrei, im navigator aber gar net! kann mir vielleicht jemand eine lösung vorschlagen die in allen browsern funktioniert?

  1. Hallo,

    <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0">

    da gibt es kein height!
    verwende stattdessen CSS.
    Prozentangaben beziehen sich auf die größenangaben des jeweiligen elternelements.
    -> deshalb auch für body und html eine Höhe von 100% festlegen

    CSS:
    html,body {margin:0; padding:0; height:100%}
    #tabelle {margin:0; height:100%}

    HTML:
    <table id="tabelle><tr><td> Zelle 1 </td></tr></table>

    mfg NAG

    --
    signatur
  2. Hi!

    beispielcode:

    Neeein, hilfe, den zitiere ich nicht nich einmal...es ist so grauenvoll... ;-)

    http://selfhtml.teamone.de/html/tabellen/gestaltung.htm#breiten_hoehen

    Was nicht zum (X)HTML-Standard gehört, würde ich *nie* verwenden. Wie sollen sich Normen durchsetzten, wenn sich keiner daran hält? Also ich benutze grundsätzlich XHTML 1.1. Wenn man sich daran gewöhnt und vielleicht so die eine oder andere Vorlage erstellt hat, ist es eigentlich gar nicht so schwierig. Siehe http://selfhtml.teamone.de/html/xhtml/modularisierung.htm#xhtml_11_module!

    Grüße,
     David

    --
    SelfCode: ss:| zu:) ls:[ fo:) de:> va:} ch:| sh:( n4:° rl:( br:> js:| ie:{ fl:| mo:}
    Entschlüsseln unter http://www.peter.in-berlin.de/projekte/selfcode/