Hans: Tabellen in Tabellen ausrichten

Hallo, Leute!

Traue mich kaum, hier "normale" html-Probleme zu posten,
die meisten hier haben deutlich mehr Erfahrung als ich.

Würde mich dennoch freuen, wenn mir jemand
bei folgendem Problem helfen könnte:

Wegen der üblichen Ausrichtungsprobleme habe ich ein Tabellengrundgerüst in meiner Startseite und möchte nun
eine weitere Tabelle innerhalb einer Zelle dieser Tabelle
möglichst präzise ausrichten...am besten pixelgenau.

Nun habe ich tagelang herumexperimentiert mit absoluter
Ausrichtung und es funktionierte genau gar nicht!
Inzwischen vermute ich, dass ich irgendetwas zentrales
(schreibt man das jetzt groß?) übersehen habe oder schlicht
nicht weiß / nicht verstehe!?

Kann mir jemand die Lösung verraten?

Ich bedanke mich schon einmal bei allen hilfreichen Lesern,

bis dahin:

Gruß Der Hans

  1. Hallo, Leute!

    Hallo Leut! (Einzahl!)

    » Kann mir jemand die Lösung verraten?

    Wenn Du eine Frage stellst, dann ja.
    Zeig mal her was nicht funktioniert...

    Ich bedanke mich schon einmal bei allen hilfreichen Lesern,

    Ich habe gelesen,
    aber hilfreich war das nicht *g*

    bis dahin:

    Bis wohin?

    Gruß Der Hans

    ICH bin DER Hans,
    Du bist der andere Hans...

    LG
    Aquariophile

  2. Hallo, Leute!

    Moin!

    Traue mich kaum, hier "normale" html-Probleme zu posten,
    die meisten hier haben deutlich mehr Erfahrung als ich.

    Das muß dich garnicht zurückhalten. Auch die vermeintlich "einfachen" Probleme sind hier willkommen, wenn vernünftig gefragt wird und der Fragesteller den Eindruck erweckt, er ist am Dazulernen interessiert, nicht nur am "machen lassen".

    Tja, und zu deinem Problem muß ich dir leider sagen: Ich weiß es nicht. Liegt aber daran, daß du so wenig Informationen gegeben hast. Lies bitte erstmal diese Links:
    </faq/#Q-07b>
    </faq/#Q-07c>
    und vielleicht auch noch
    </faq/#Q-07d>

    Und dann wende dich in diesem Thread (warum, steht in </faq/#Q-06c>) wieder ans Forum und schicke Quelltext mit. Nur damit kann man sehen, was du gemacht und vielleicht falsch gemacht hast.

    - Sven Rautenberg

  3. Hallo nochmal!

    Zumindest weiß ich jetzt, warum ich mir Gedanken gemacht habe.

    Hier also der Quelltext:

    <table border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" width="100%">
      <tr>
        <td width="100%" height="142px" colspan="2">
        <div style="position:absolute; top:15px; left:60px;">
     <img src="banner.jpg" width="623" height="138" border="2"   alt="banner"</div>
      </td>
      </tr>
      <tr>
        <td width="25%">

    Bis hierher alles o.k., die folgende Tabelle
    hätte ich nun gern absolut ausgerichtet:

    <div>
    <table style="position:absolut; top:200px; left:60px;" border="1" cellpadding="5" width="139px"
     bgcolor="808080" bordercolor="#000000" bordercolorlight="" bordercolordark="#FFE100">
     <tr>
        <td align="center" font color="#000000">
        <font face="Zurich Ex BT" style="font-weight:700">a</td>
     </tr>

    usw.

    usw.

    </table>
    </div>

    </td>
        <td width="75%">noch leer</td>
      </tr>
    </table>

    Danke nochmal für jeden Hilfreichen Beitrag!

    Gruß Der Hans

    1. Hallo nochmal!

      Moin nochmal! :)

      Mit deinem Quelltext habe ich etwas ein Sinnproblem. Ich frage mich, was bestimmte HTML-Tags und Styles da drin zu suchen haben, erkenne den Sinn nicht. Ich kommentiere das mal vor Ort im Text:

      <table border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" width="100%">
        <tr>
          <td width="100%" height="142px" colspan="2">
          <div style="position:absolute; top:15px; left:60px;">

      Also entweder packst du die Grafik in diese <TD>-Zelle, oder du packst sie in ein <div> und positionierst absolut - beides zusammen würde ich erstmal für überflüssig halten.

      <img src="banner.jpg" width="623" height="138" border="2"   alt="banner"</div>
        </td>
        </tr>
        <tr>
          <td width="25%">

      Bis hierher alles o.k., die folgende Tabelle
      hätte ich nun gern absolut ausgerichtet:

      <div>

      Wozu dieses DIV? Macht eigentlich keinen Sinn. Weg damit.

      <table style="position:absolut; top:200px; left:60px;" border="1" cellpadding="5" width="139px"
      bgcolor="808080" bordercolor="#000000" bordercolorlight="" bordercolordark="#FFE100">

      Die style-Definitionen dieser Tabelle sind auch eher böse. DIVs lassen sich recht zuverlässig positionieren, alle anderen Elemente sollten in DIVs eingeschlossen sein. Das, was du hier versuchst, erscheint mir eher fehlerträchtig.

      <tr>
          <td align="center" font color="#000000">
          <font face="Zurich Ex BT" style="font-weight:700">a</td>

      AUA! Wenn du schon CSS benutzt, dann doch bitte konsequent. Also raus mit diesem <FONT>!!!

      </tr>

      usw.

      usw.

      </table>
      </div>

      </td>
          <td width="75%">noch leer</td>
        </tr>
      </table>

      Zusammenfassend: Ich vermute, daß du aufgrund deiner vielfachen Versuche in der Tabelle ziemlich viel Unordnung produziert hast.

      Du solltest dich entscheiden: Entweder benutzt du Tabellen für dein Gesamtlayout - dann aber bitte NUR Tabellen, bzw. höchstens noch ein paar Layer hintendran, aber nicht IN der Tabelle.

      Oder du benutzt absolut positionierte Layer (die ihrerseite wieder kleine, übersichtliche Tabellen enthalten können).

      Beide Varianten sind in allen gängigen Browsern (sogar Netscape 4) möglich und funktionieren bestens. Bei der Layer-Methode ist es unter Umständen aber schwieriger, das Layout auf den zur Verfügung stehenden Platz auszudehnen (100%).

      Es wäre immer noch eine gute Idee, wenn du deine Seite mal irgendwohin hochladen könntest und hier den Link postest. Dann kann man sich das Objekt mal live ansehen.

      - Sven Rautenberg