Caliga: 3 Fragen zu Tabellen

Hallöchen!

1. ich habe solcherart eine Tabelle erzeugt:
<body style="margin:0px;">
<table cellspacing="0"><tr><td style="width:180px;height:550px;padding-left:10px;padding-top:20px;vertical-align:top;background-color:#C11F35;background-image:url('back.jpg');background-repeat:no-repeat;">

Mozilla und IE machen mich glücklich, aber Opera beharrt auf etwa 10 weißen Pixeln zwischen Tabellen- und Seitenrand.

2. gibts für cellspacing/padding kein CSS-Äquivalent? (Find nix)

3. Warum funktioniert
style="height:123px;vertical-align:bottom;"
nicht in <div> oder <p>, sondern nur in <td> ?
(es wird nicht unten ausgerichtet)
Sind doch alles Blockelemente, da sollte das doch gehn?!?

hm, jo das solls auch schon gewesen sein :)
Lasst mich nicht dumm sterben. ;)

  1. Hallo,

    1. ich habe solcherart eine Tabelle erzeugt:
      Mozilla und IE machen mich glücklich, aber Opera beharrt auf etwa 10 weißen Pixeln zwischen Tabellen- und Seitenrand.

    <body style="margin:0px;padding:0px;">

    1. gibts für cellspacing/padding kein CSS-Äquivalent? (Find nix)

    Doch:
    table {
     border:outset 5pt;
     border-collapse:separate;
     border-spacing:10pt
    }

    1. Warum funktioniert
      style="height:123px;vertical-align:bottom;"
      nicht in <div> oder <p>, sondern nur in <td> ?
      (es wird nicht unten ausgerichtet)
      Sind doch alles Blockelemente, da sollte das doch gehn?!?

    Weil vertical-align nur für inline-level und 'table-cell' Elemente gilt (table-cell kann auch ein display:table-cell; sein)

    Grüße
    Thomas

    1. Hoi!

      <body style="margin:0px;padding:0px;">

      upsi... sollte ich das tatsächlich nicht versucht haben? *schäm* :)

      1. gibts für cellspacing/padding kein CSS-Äquivalent? (Find

      table {
      border:outset 5pt;
      border-collapse:separate;
      border-spacing:10pt
      }

      hmm.. ich glaube, das hatte ich doch mal gefunden, bin dann aber bei "gewöhnlichem html" geblieben, weil der IE 5.x das noch nicht korrekt unterstützt...

      1. Warum funktioniert
        style="height:123px;vertical-align:bottom;"
        nicht in <div> oder <p>, sondern nur in <td> ?

      Weil vertical-align nur für inline-level und 'table-cell' Elemente gilt (table-cell kann auch ein display:table-cell; sein)

      Kool. Mit <div style="display:table-cell;height:123px;vertical-align:bottom;"> xxx </div>
      funzt das doch tatsächlich. - Sogar in fast 90% der Fälle. ;)

      Gibt es (außer der einzelligen Tabelle die ich jetzt eben verwende) eine elegante Möglichkeit, dem IE das beizubringen?

      1. Hallo,

        Gibt es (außer der einzelligen Tabelle die ich jetzt eben verwende) eine elegante Möglichkeit, dem IE das beizubringen?

        <td height="123" valign="bottom">
             Was hast du gegen HTML?
        </td>

        oder so wie du es machtest

        <td style="height:123px;vertical-align:bottom;">
             Was hast du gegen HTML?
        </td>

        oder wenn's sein muss:

        <div style="height:123px;width:75px;border:solid 1px;">
           <span style="position:relative;font-size:23px;top:100px;">AAA</span>
        </div>

        Grüße
        Thomas

  2. Hallo,

    Mozilla und IE machen mich glücklich, aber Opera beharrt auf etwa 10 weißen Pixeln zwischen Tabellen- und Seitenrand.

    http://www.tiptom.ch/homepage/faq.html?q=bodymargin

    1. gibts für cellspacing/padding kein CSS-Äquivalent? (Find nix)

    http://www.tiptom.ch/homepage/faq.html?q=tableborder

    Gruesse,

    Thomas