nag: Ausrichtungsproblem mit Netscape 6/7

Beitrag lesen

Hallo,

<table border="1" width="100%" height="100%" 1) style="text-align:center;" 2)>

Fehler 1) (sei nur am Rande erwähnt :)
height="100%"
Lösung 1)
verwende CSS.
<table style="height:100%">
Prozentangaben beziehen sich auf das übergeordnete Element. Deshalb mußt du html und body ebenfalls eine Höhe von 100% zuweisen.
Schreibe folgendes in den Head-Teil (<head>):
<style type="text/css">
html,body {padding:0; margin:0; height:100%;}
</style>

Fehler 2)
"text-align" wirkt sich auf inline-elemente aus, z.b. auf den text in den Zellen.
Der IE macht es falsch und zentriert auch die innere Tabelle.
Damit die innere Tabelle im IE zentriert wird mußt du das text-align der äußeren Tabelle auf center belassen.
Netscape möchte allerdings für die innere Tabelle die css-eigenschaften margin-left:auto; margin-right:auto sehen.

kleines Beispiel:

<html>
  <head>
 <title> test </title>

<style type="text/css">
html,body {padding:0; margin:0; height:100%;}
</style>

</head>

<body>

<table border="1" style="height:100%; width:100%; text-align:center; background-color:blue;">
  <tr>
    <td>
       <table style="text-align:left; width:100px; height:100px; margin-left:auto; margin-right:auto; background-color:red">
<tr><td> text </td></tr>
       </table>
    </td>
  </tr>
 </table>

</body>
</html>

viel spass.
informiere dich außerdem über Doctype Angaben !

mfg NAG

--
signatur