Marcel Pflaeging: Ausrichtungsproblem mit Netscape 6/7

SELF-Forum

Ausrichtungsproblem mit Netscape 6/7

Marcel Pflaeging
– Informationen zu den Bewertungsregeln

Hallo,

ich möchte eine HTML-Seite nur über Styles formatieren und keine irgenwie gearteten HTML-Formations-Tags oder -Attribute einsetzten.

Nun zu meinen Problem...
In dem unten folgenden Code interpretiert Netscape die Ausrichtung der inneren Tabelle (Zentrierung) einfach nicht (die Ausrichtung der Zeichen innerhalb der inneren Tabelle allerdings schon). Gib es eine Möglichkeit die Zentrierung doch über Styles zu erreichen?

<html>
<head>
<title></title>
<meta name="author" content="ABSneu Kernteam IT 442">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table border="1" width="100%" height="100%" style="text-align:center;">
<tr>
 <td>
   <table border="1" width="100px" height="100px" style="text-align:center;">
     <tr>
      <td>a </td>
      <td>s </td>
     </tr>
     <tr>
      <td>d</td>
      <td>f </td>
     </tr>
   </table>
 </td>
</tr>
</table>
</body>
</html>

Man verzeihe mir das ich im Beispiel doch Attribute verwendet habe. Dies ändert allerdings nichts am Problem.

Ich bin für jeden Hinweis dankbar :-)

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Ausrichtungsproblem mit Netscape 6/7

    denito
    – Informationen zu den Bewertungsregeln

    Setz in der Tabelle "margin:auto"! Dann müsste es gehen.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Ausrichtungsproblem mit Netscape 6/7

    nag Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln