sidebar Höhe relativ zu container

sidebar Höhe relativ zu container

Beitragvon myyers » 09.11.2009, 10:02

Hi,

ich habe links ein sidebar, von dem ich möchte, dass die Höhe sich automatisch an den container rechts anpasst - egal wieviel Text in der sidebar steht.
Im Moment mache ich es noch so:
Code: Alles auswählen
#sidebar{
  width: 22em;
  height: 130em;
  float: left;
  padding: 0em;
  margin: 1em;
}

Wobei ich halt für jede Seite (mit anderer container Höhe) ein neues sidebar definieren müsste.

Gruesse
myyers
myyers
neu hier
 
Beiträge: 11
Registriert: 10.08.2009, 16:24

Re: sidebar Höhe relativ zu container

Beitragvon sejuma » 09.11.2009, 10:34

Das kannst du mit einer einheitlichen Hintergrundgrafik, sogenannten "Faux Columns" lösen, siehe http://www.ohne-css.gehts-gar.net/0005.php
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: sidebar Höhe relativ zu container

Beitragvon myyers » 09.11.2009, 13:13

Vielen Dank!

Dumm ist nur, dass ich ja schon eine Hintergrundgrafik habe, die dann nicht mehr gut aussieht, wenn sie gekachelt wird.

Vielleicht ist es doch das Beste, wenn ich eben verschiedene sidebars definiere.
myyers
neu hier
 
Beiträge: 11
Registriert: 10.08.2009, 16:24

Re: sidebar Höhe relativ zu container

Beitragvon sejuma » 09.11.2009, 14:05

Das kommt drauf an:
Die Faux Columns dienen dazu, gleiche Längen zu erzeugen bzw. vorzugaukeln.
Ggf. könntest du auch deine vorhandene Grafik dazu verwenden.
Oder - wenn das möglich wäre - du weist deine Grafik nicht diesem Wrapper sondern dem body zu.
Aber das kommt auf deinen individuellen Fall drauf an.
Ein Link zur Seite wäre hilfreich.
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: sidebar Höhe relativ zu container

Beitragvon myyers » 09.11.2009, 14:49

Der Link zur Website ist: http://literaturlatenight.de
myyers
neu hier
 
Beiträge: 11
Registriert: 10.08.2009, 16:24

Re: sidebar Höhe relativ zu container

Beitragvon sejuma » 09.11.2009, 15:11

Da kann ich keine klare Abgrenzung zwischen Navi und Content erkennen.

Sollen die großen Kreise nicht in den Navi-Bereich?

Behebe zunächst auch mal noch diese Fehler: http://validator.de.selfhtml.org/validate/?uri=http://literaturlatenight.de/index.html

Ferner nimm diesen Doctype, damit der IE das CSS-Boxmodell richtig darstellt:
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: sidebar Höhe relativ zu container

Beitragvon myyers » 09.11.2009, 15:19

sejuma hat geschrieben:Da kann ich keine klare Abgrenzung zwischen Navi und Content erkennen.

Sollen die großen Kreise nicht in den Navi-Bereich?

Eigentlich sollte es keine klare Abgrenzung geben; und das Bild sollte auch *zwischen* navi und content sein. Zumindest war das meine Vorstellung. Aber anscheinend wird das als unzureichend verstanden, und nicht als, nun ja, Design Prinzip. mmh...
sejuma hat geschrieben:Behebe zunächst auch mal noch diese Fehler: http://validator.de.selfhtml.org/validate/?uri=http://literaturlatenight.de/index.html

Ferner nimm diesen Doctype, damit der IE das CSS-Boxmodell richtig darstellt:
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Uff ja, bin noch am Umbau, habe noch gar nicht validiert. Da hab' ich noch was zu tun... :)
myyers
neu hier
 
Beiträge: 11
Registriert: 10.08.2009, 16:24

Re: sidebar Höhe relativ zu container

Beitragvon sejuma » 09.11.2009, 15:57

Wenn es vom Hintergrund her keine klare Abgrenzung geben soll, dann hast du doch auch das Problem der unterschiedlichen Höhen nicht. :wink:
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: sidebar Höhe relativ zu container

Beitragvon myyers » 09.11.2009, 16:37

sejuma hat geschrieben:Wenn es vom Hintergrund her keine klare Abgrenzung geben soll, dann hast du doch auch das Problem der unterschiedlichen Höhen nicht. :wink:

Das stimmt natürlich auch wieder.

Für eine sidebar auf einer Seite ist das dann ja auch kein Problem. Nur wenn ich, wie in meinem Fall, mehrer Seite habe, mit der sidebar und content, der unterschiedlich hoch ist. wird das eins. Da zieht die Höhe der sidebar das Ganze eben nach unten (wenn der content nicht so hoch ist)

Ursprünglich hatte ich gedacht, vielleicht gibt es da was wie `auto` - nur eben anders herum sozusagen. Gibt's halt nicht, wie ich lernen musste.

Da scheint mir das einfachste doch zu sein 2 oder 3 unterschiedliche sidebars zu definieren.
myyers
neu hier
 
Beiträge: 11
Registriert: 10.08.2009, 16:24


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "sidebar Höhe relativ zu container"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste