zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Sidebar Länge

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.12.2012, 19:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.12.2012
Beiträge: 2
Antonio98 befindet sich auf einem aufstrebenden Ast
Frage 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.12.2012, 19:52
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

such nach 'Faux columns'
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.12.2012, 20:18
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Außer IE7- können es alle Browser auch mit display: table & Co., ich würde FC also nur noch für den IE7- einsetzen.

Eines muss man im konkreten Fall allerdings bedenken: IE8- erkennt die neuen HTML5-Elemente nur mit JS-Unterstützung, d.h. IE8- mit deaktiviertem JS => keine gleich hohen Spalten (oder man muss einen großen Extra-Aufwand betreiben, um das abzufangen).
__________________
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.)
Mit Zitat antworten
  #4 (permalink)  
Alt 15.12.2012, 21:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.12.2012
Beiträge: 2
Antonio98 befindet sich auf einem aufstrebenden Ast
Standard

Danke
Mit Zitat antworten
  #5 (permalink)  
Alt 16.12.2012, 14:34
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Außer IE7- können es alle Browser auch mit display: table & Co., ich würde FC also nur noch für den IE7- einsetzen.
So pauschal würde ich es gar nicht sagen.

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 16.12.2012, 15:26
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von gato Beitrag anzeigen
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.
Ich sehe allerdings kein Problem darin, die Spaltenbreiten folgendermaßen vorzugeben (Beispiel auf das allernötigste reduziert und in schicken Farben ):

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.)
Mit Zitat antworten
  #7 (permalink)  
Alt 18.12.2012, 19:37
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Ich sehe allerdings kein Problem darin, die Spaltenbreiten folgendermaßen vorzugeben (Beispiel auf das allernötigste reduziert und in schicken Farben ):
Über deine Definition von "schick" reden wir ein anderes mal

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
Mit Zitat antworten
  #8 (permalink)  
Alt 19.12.2012, 01:35
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von gato Beitrag anzeigen
Über deine Definition von "schick" reden wir ein anderes mal
Aber wohl besser erstmal über meine Definition von Ironie

Zitat:
Zitat von gato Beitrag anzeigen
allerdings wechselt die erste Spalte dann während des Ladens immernoch ihre Breite von 100% auf 30%
Natürlich wird es irgendwann ein Problem, wenn der Browser allzuviel Quelltext in einer Spalte herunterladen muss, bevor er sieht, dass nun tatsächlich noch eine weitere kommt, aber unter welchen Bedingungen passierte das bei Dir? Ich habe mal 100 KB Text in die linke Spalte kopiert und das besagte Verhalten trat bei 15 Downloads nie auf (natürlich vor jedem Download Cache gelöscht).

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.)
Mit Zitat antworten
  #9 (permalink)  
Alt 19.12.2012, 17:20
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Aber wohl besser erstmal über meine Definition von Ironie
Nein, nein, die hab ich schon verstanden. keine Sorge

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Natürlich wird es irgendwann ein Problem, wenn der Browser allzuviel Quelltext in einer Spalte herunterladen muss, bevor er sieht, dass nun tatsächlich noch eine weitere kommt, aber unter welchen Bedingungen passierte das bei Dir? Ich habe mal 100 KB Text in die linke Spalte kopiert und das besagte Verhalten trat bei 15 Downloads nie auf (natürlich vor jedem Download Cache gelöscht).
Emuliere doch mal ISDN Die erste Spalte verschmälert sich erst auf 30%, wenn das Start-Tag der zweiten Spalte geladen wurde.

Aber wie gesagt, das sollte gar nicht mein Hauptkritikpunkt sein. Springende Layouts hast du mit Floats und anderem ja auch hin und wieder.

Zitat:
Zitat von heiko_rs Beitrag anzeigen
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...
Ich hab nie von derartigen Uralt-Techniken gesprochen.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 19.12.2012, 22:34
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von gato Beitrag anzeigen
Emuliere doch mal ISDN
Ich sage ja, ganz langsame Verbindung

Zitat:
Zitat von gato Beitrag anzeigen
Die erste Spalte verschmälert sich erst auf 30%, wenn das Start-Tag der zweiten Spalte geladen wurde.
Das Verhalten ist schon klar und bei meinem Test gestern trat es auch bei 200 KB in der linken Spalte erstmals auf (nach dem 5. Versuch oder so).

Zitat:
Zitat von gato Beitrag anzeigen
Ich hab nie von derartigen Uralt-Techniken gesprochen.
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)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
footer, länge, section, sidebar


Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:16 Uhr.