Willkommen ~Gast!
Registrieren || Einloggen || Hilfe/FAQ || Staff
Probleme mit der Registrierung im Forum? Melde dich unter registerEin Bild.
Autor Beitrag
000
27.04.2006, 18:23
rawe



Tag,
bin hier an einer ganz stinknormalen Tabelle fast verzweifelt...

Die Tabelle soll aus 3x3 Zellen bestehen. Die 2x2/Vier links oben sind verbunden. Ich möchte die Höhe der oberen rechten Zelle, die Breite der unteren linken Zelle, die höhe der unteren Reihe sowie die breite der rechten Spalte festlegen, das ganze abhängin von dem Inhalt in der grossen Zelle oben links.

das ganze soll dann also etwa so aussehen:
Quellcode:_________
|      |_|
|      | |
|      | |
|______|_|
|_|____|_|
Egal was is versuche werden die obere rechte und die mittlere rechte Zelle gleich hoch, das gleiche mit der Breite unten.

Hier der Code für die Tabelle ohne Grössenangaben:
Quellcode:<table border="1">
  <tr>
    <td rowspan="2" colspan="2">Inhalt</td>
    <td>fixe höhe</td>
  </tr>
  <tr>
    <td height="2">variable höhe</td>
  </tr>
  <tr>
    <td>fixe breite</td>
    <td>variable breite</td>
    <td>fixe breite und höhe</td>
  </tr>
</table>
Ist bestimmt nur ne Kleinigkeit, aber diese Kleinigkeit habe ich 2 std versucht rauszufinden...

danke!

--

O o
/¯¯/_o___o___o___o____o__
\__\¯¯o¯¯¯o¯¯¯¯¯¯o¯¯¯¯¯¯o
i'm doctoroctogonnafuckinggonnapus blaaaaaaaaaaargggggg-


Dieser Beitrag wurde am 27.04.2006 um 18:24 von rawe bearbeitet.
zum Seitenanfang zum Seitenende Profil || Suche
001
27.04.2006, 19:06
K-Putt



Ohne verschaltelung wird das nie Browserübergreifend klappen...diese colspan, rowspan Elemente funktionieren doch selten so wie man will, sieht man auch in deinem Beispiel.
Der Browser kennt sich nicht wirklich aus, wie er die Proportionen verteilen soll...

Wenns schon Tabellen sein müssen, dann machs mit Verschachtelung:

Zuerst eine Tabelle mit 2 Zeilen (eine für oben, eine für unten).
Die erste Zeile geteilt in 2 Zellen, wobei in der rechten Zelle dann ne weitere Tabelle mit 100% höhe ist, für die 2 Bereiche rechts in der ersten Zeile.

Die untere Zeile kann man dann "bequem" mit 3 Zellen realisieren.

Z.b. so:
Quellcode:<table border="1">
<tr>
    <td>links</td>
    <td colspan="2">
        <table height="100%" border="1">
        <tr>
            <td>rechtsoben</td>
        </tr>
        <tr>
            <td>rechtsunten</td>
        </tr>
        </table>
    </td>
</tr>
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
</tr>
</table>
Wenn das ganze allerdings nicht für Tabellarische Daten gedacht ist, würd ich das unbedingt per CSS realisieren.

--

Rambo Engineer @ Drippy's 2fort - finest TFC 1.5 || Bild Upload || The world's most advanced open source database

zum Seitenanfang zum Seitenende Profil || Suche
002
27.04.2006, 19:28
rawe



Die Tabelle sollte den Zweck erfüllen an einer normalen Tabelle schattenwurf ranzumurxen.

Ich bin jetzt auf das ultimative Suchwort zu Tabellen mit Schatten gestossen: "css tabelle schatten", bin ich leider nicht vorher draufgekommen. :(
http://www.finistere-ferienhaus.de/examples/box_schatten/index1.html
http://www.grammiweb.de/html/html090.shtml
http://www.thestyleworks.de/tut-art/shadow.shtml

dann werd ich mich mal schlau lesen...

--

O o
/¯¯/_o___o___o___o____o__
\__\¯¯o¯¯¯o¯¯¯¯¯¯o¯¯¯¯¯¯o
i'm doctoroctogonnafuckinggonnapus blaaaaaaaaaaargggggg-


Dieser Beitrag wurde am 27.04.2006 um 19:33 von rawe bearbeitet.
zum Seitenanfang zum Seitenende Profil || Suche
003
27.04.2006, 20:38
K-Putt



Bleibt immer noch die Frage, warum du das mit Tabellen realisieren willst?
Das gibt Quelltext ohne Ende, steigert die Ladezeit, und beim Drucken hat man nervige Schatten-Fragmente (die Ecken) auf der Seite.

Würde dir ernsthaft empfehlen, auf ebenen umzusteigen, da kannst du das einfach und unproblematisch lösen.
Sogar ohne den Einsatz von Bildern für den Schatteneffekt.

Nützliche Links:
http://82.165.8.199/typo3cms/exotec-design.de/index.php?id=128 (mit Grafiken)
http://www.thestyleworks.de/tut-art/shadow.shtml (ohne Grafiken, reines CSS)

--

Rambo Engineer @ Drippy's 2fort - finest TFC 1.5 || Bild Upload || The world's most advanced open source database

zum Seitenanfang zum Seitenende Profil || Suche
004
27.04.2006, 21:15
rawe



ja ich habs jetz auch mit divs und css nur leider ist das ganze jetzt nicht mehr zentriert, trotz <div align="center"> aber soweit gehts. danke auf jeden fall nochma für die mühe...

--

O o
/¯¯/_o___o___o___o____o__
\__\¯¯o¯¯¯o¯¯¯¯¯¯o¯¯¯¯¯¯o
i'm doctoroctogonnafuckinggonnapus blaaaaaaaaaaargggggg-

zum Seitenanfang zum Seitenende Profil || Suche
005
27.04.2006, 21:22
K-Putt



Zentrieren tut man auch nicht mit align="center" ;)

Sondern mit den CSS Eigenschaften
Quellcode:margin-right: auto; margin-left: auto; auf die Ebene angewandt.

--

Rambo Engineer @ Drippy's 2fort - finest TFC 1.5 || Bild Upload || The world's most advanced open source database

zum Seitenanfang zum Seitenende Profil || Suche