Marcel Stör: nochmals frage zu css und tabelle

SELF-Forum

nochmals frage zu css und tabelle

Marcel Stör
– Informationen zu den Bewertungsregeln

n' abend
das mit den unerlaubten underscores für nn war noch klar (siehe letzten thread). der nn stellt trotzdem was falsch dar - dh ich hab falschen code geschrieben... ;-)

---------------html-------------------------------------------------
<tr>
            <td width="30%"><div class="borderBo"><p>Geburtsdatum</p>
            </div></td>
            <td width="70%"><div class="borderBo"></div></td>
          </tr>
          <tr>
            <td width="30%"></td>
            <td width="70%">11. Januar 1976 (Steinbock)<p> </td>
          </tr>
----------------im css-file-------------------------------
.borderBo {border-bottom-width:1px;
    border-bottom-style:ridge;
    border-color:#000033;
    width:100%;}

nn interpretiert die width:100; sehr komisch, indem er die zweite spalte in der ersten reihe elend breit macht, und dafür den text in der zweiten reihe nicht anzeigt.

wäre froh, wenn ihr mir nochmals unter die arme greifen könntet

gruss marcel

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. nochmals frage zu css und tabelle

    Thomas J.S.
    – Informationen zu den Bewertungsregeln

    Hallo Marcel!

    du muss deiner Tabelle eine feste Breite geben:

    <style type="text/css">
    <!--

    .borderBo {
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-color:#000033;
    width:100%;
    }

    -->
    </style>
    </head>
    <body>

    <table width="800" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="30%"><div class="borderBo"><p>Geburtsdatum</p></div></td>
    <td width="70%"><div class="borderBo"> </div></td>
    </tr>
    <tr>
    <td width="30%"> </td>
    <td width="70%"><p>11. Januar 1976 (Steinbock)<p></td>
    </tr>
    </table>

    mit dieser Lösung wird es im NS nicht schöner.

    Grüße
    Thomas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. nochmals frage zu css und tabelle

    Philip G.
    – Informationen zu den Bewertungsregeln

    <!-- Hallo Marcel, altes Haus.

    Mit CSS-Border-Angaben für Tabellen unter Netscape kannst Du Dich totprogrammieren,
    weil Netscape nur mit viel Trickserei sehr wenig davon schluckt. Ist ein halbes Wunder,
    dass in Deinem Beispiel überhaupt was dargestellt wurde! Wenn man die CSS-Angaben direkt
    ins <div>-Tag schreiben würde mit style="...", dann ist es mit dem Wunder vorbei. -->

    <html><head><title>Walking the line between NS and IE</title>
    <meta http-equiv="Content-Style-Type" content="text/css">
    <style type="text/css">
    .borderBo
    { border-bottom-width:1px;
      border-bottom-style:ridge;
      border-color:#000033;
      width:100%; }
    </style></head>

    <body>

    <table width="100%"><tr><td width="30%"><div class="borderBo">Geburtsdatum</div></td>
    <td width="70%"><div class="borderBo"> </div></td></tr>
    <tr><td width="30%"> </td>
    <td width="70%">11. Januar 1976 (Steinbock)</td></tr></table><br>

    <!--
    Entfernt wurde ein vereinsamtes "</p>" hinter dem Text "Geburtsdatum".
    Eingefügt wurde "<table width="100%">, weil IE die Tabelle sonst zu kuzr macht.
    Eingefügt wurde jeweils ein Leerzeichen in den leeren Tabellenzellen,
    weil Netscape bis mindestens Version 4.5 keine leeren Tabellenzellen verträgt.
    Optik: Tabelle besser, aber immer noch nicht so, wie sie sein soll.
    -->

    <table width="100%"><tr><td width="30%">Geburtsdatum</td>
    <td width="70%"> </td></tr>

    <tr><td width="30%"><img src="blackspacer.gif" width="100%" height=2></td>
    <td width="70%"><img src="blackspacer.gif" width="100%" height=2></td></tr>

    <tr><td width="30%"> </td>
    <td width="70%" align=right>11. Januar 1976 (Steinbock)</td></tr></table>
    </body></html>

    <!--
    Mit <hr> könnte man sowas auch machen. Oder ganz auf die Tabelle verzichten und die Sache
    per div/CSS lösen: -->

    Geburtsdatum<br>
    <div style="text-align:right; width:100%; border-top-style:ridge; border-top-width:1px; border-top-color:#000033">
    11. Januar 1976 (Steinbock)</div><br>

    <!--
    Aber jetzt setzt NS den Text nicht mehr nach rechts! (IE macht das problemos).
    Also sagen wir NS wieder mal ganz genau, was er tun soll:
    -->

    Geburtsdatum<br>
    <div style="width:100%; border-top-style:ridge; border-top-width:1px; border-top-color:#000033">
    <table border=0 cellspacing=0 cellpadding=0 align=right><tr><td>11. Januar 1976
    (Steinbock)</td></tr></table></div>

    <!--

    Hallelujah! Noch ein Wunder!

    Grüße vom Löwen :)

    -->

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln