Tabelle wie Paragraf?
Hi Leute…
Für meine Seiten über Musiktheorie (für Hiphopper: das ist die Grundlage dessen, was Ihr "Beats" nennt ;-Δ) versuche ich gerade eine Tabelle zu formatieren, die die Taktarten und ihre Eigenschaften zusammenfaßt. Das Ganze sieht so aus: .rhavin |*Musiktheorie für den Unterricht | 3.2 Taktarten Eigentlich soll die Tabelle formatiert sein wie ein Paragraph, also {width:100%; margin: 0 1em 0 2em;}. Mein Problem ist, daß bei einer Tabelle *zuerst* die 100% aufgefüllt werden, und dann die 1em bzw. 2em draufgeschlagen werden. Ich habs auch mit padding versucht, bringt aber keinen Unterschied. Was nah ran kommt, ist, {display:block; margin: 0 1em 0 2em;} für die Tabelle, nur leider füllen dann die Tabelleninnenfelder nicht mehr die Tabelle aus. :-/ Also was ich eigentlich haben will, ist eine Tabelle, die so breit ist wie die Seite (sollte ja eigentlich durch {display:block} erledigt sein) und die einen entprechenden Margin aufweist wie die Paragraphen. Einer 'ne Idee, wie ich das sinnvoll umgesetzt bekomme? |
hmm … schade, ich hab bisher keine wirkliche Lösung gefunden, als Workaround habe ich jetzt ein Wrapper-Div drumrumgebastelt, was zwar optisch das gewünschte Ergebnis birngt, aber nicht ganz das ist, was ich will, ich will schließlich die verdammte Tabelle formatieren und mir nicht irgendwelche Hilfskrücken in Form von zusätzlichem Markup an's Bein binden.
Weitere Ideen herzlich willkommen… |
Zitat:
|
Zitat:
Zitat:
|
Es stand mal ein passender Wert für box-sizing im Raum, nämlich margin-box, aber davon ist nix mehr zu sehen.
Ich würde das aber eh anders machen: .page seitliches padding geben, so dass alle Elemente (p, table etc.) ohne margin dort stehen wo sie sollen, und dann die Überschriften per negativem margin-left in den padding-Bereich hineinziehen. |
*lol* nie von gehört, wird cuh nicht von meinem Browser unterstützt. Daß mit dem Negativen margin der Headlines ist hingegen einen Versuch wert :D
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 22:21 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023