|
|||
Sidebar Länge
Hallo liebe Community,
Ich habe eine Frage: Wie kann ich einstellen, dass die Sidebar(<aside>) automatisch gleich lang ist wie die Section oder dass sie automatisch bis zum footer geht ? LG , Antonio |
Sponsored Links |
|
|||
Zitat:
Wenn man eine so grundlegende Struktur mit dem Tabellenmodell umsetzen will, benötigt man zusätzliche Elemente für table-column(-group)s, die die Spaltenbreiten vorgeben. Andernfalls wirkt sich die Dynamik des Modells negativ auf die inkrementelle Seitendarstellung aus. Wer sich ein paar Jahre zurückdenkt, erinnert sich vielleicht daran, dass gerade die Flexibilität in diesem Bereich als CSS-Vorteil gehandelt wurde. Diese Elemente müssen dafür direkt im Quelltext stehen, was oft nicht der Fall ist. Ein Einfügen über ::before und ::after ist ebenfalls problematisch, weil dies von WebKit nicht unterstützt wird. Für mich folgere ich daher, dass das Tabellenmodell eben für Tabellen oder kleinere Inhalte geeignet ist. Als Grundmodell für Layouts im Zweifel nicht.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
|
||||
Zitat:
HTML-Code:
<!DOCTYPE html> <html lang="de"> <meta charset="utf-8"> <title>Test</title> <style type="text/css"> * { margin: 0; padding: 0; } header, footer { display: block; /* für einige ältere Browser */ background: red; } div { display: table; table-layout: fixed; width: 100%; } aside { display: table-cell; width: 30%; background: yellow; } section { display: table-cell; background: green; } </style> <body> <header>Header</header> <div> <aside>Aside</aside> <section>Section<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br></section> </div> <footer>Footer</footer>
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Zitat:
Ich gebe dir schon recht, allerdings wechselt die erste Spalte dann während des Ladens immernoch ihre Breite von 100% auf 30%, was mit entsprechenden Spaltenelementen nicht passieren würde |
|
||||
Aber wohl besser erstmal über meine Definition von Ironie
Zitat:
Und 100 KB ist schon sehr viel. Und bei normalen 10-30 KB muss die Verbindung schon sehr langsam sein, um das Verhalten überhaupt mal zu zeigen. Daher: Lohnt es sich, nur um in solchen Extremfällen einen eleganteren Seitenaufbau zu haben, eine (de facto veraltete) Technik mit Grafiken einzusetzen, oder eine der anderen Tricksereien für gleich hohe Spalten? Ich weiß nicht...
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Nein, nein, die hab ich schon verstanden. keine Sorge
Zitat:
Aber wie gesagt, das sollte gar nicht mein Hauptkritikpunkt sein. Springende Layouts hast du mit Floats und anderem ja auch hin und wieder. Ich hab nie von derartigen Uralt-Techniken gesprochen. |
Sponsored Links |
|
||||
Ich sage ja, ganz langsame Verbindung
Zitat:
Ich weiß - Du hast bisher noch gar nicht gesagt, welche Lösung Du wählen würdest, kannst das aber gerne mal tun
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) Geändert von heiko_rs (20.12.2012 um 00:02 Uhr) |
Sponsored Links |
Stichwörter |
footer, länge, section, sidebar |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
elemente in der sidebar ausblenden | broski | CSS | 3 | 22.06.2011 23:01 |
Content und Sidebar immer gleich lang | 545 | CSS | 18 | 31.03.2010 23:40 |
active link soll hover-effekt erhalten | zeitgeisth | CSS | 1 | 30.11.2008 14:47 |
Javascript UL Navigation im IE6 | ven | CSS | 7 | 29.04.2008 15:29 |
ganz einfach CSS-Design: content + sidebar | -Oliver- | CSS | 8 | 02.05.2006 20:30 |