Automatische höhe

[Hazelnut]

Hi,

wie ist es möglich einer Seite eine Automatische höhe zu, geben? Ich hab eine HTML-Seite mit einem Text. Der Text ist jetzt allerdings nicht so lang wie die Seite und möchte nun, dass sich die Seite automatisch an dem Text anpasst.

Wie kann ich das realisieren?

 

[Körnerbrötchen]

Hallo Hazelnut,
was genau meinst du mit "Höhe". Was soll sich anpassen. Am einfachsten wäre es für uns, wenn du uns den Link zu der Seite geben würdest, mindestens jedoch den Quelltext posten würdest.

Viele Grüße
Körnerbrötchen

 

[Basti93]

Ich verstehe dein Problem nicht wirklich: Wenn man beispielsweise einen Text in ein p-Element setzt, passt sich die Höhe des p-Elementes an die Menge des Textes an (dasselbe gilt in der Regel für alle Blockelemente).

Dein HTML- und CSS-Code bzw. ein Link zu deiner Seite würde in diesem Fall sehr helfen.

EDIT: Da war wohl jemand ein bisschen schneller ;)

 

[Körnerbrötchen]

Als du doch allemale. ;)

 

[Hazelnut]

Hier schaut: TestBlögchen

Die Seite ist für das bisschen Text zu groß. Möchte nun das die Seite sich an den Text anpasst und das ende dr Seite unmittelbar nach dem Ende des textes ist.

 

[Körnerbrötchen]

Dafür musst du deine style.css ändern.

Suche

aside {min-height:1600px;}

und verändere die 1600px nach belieben.

Grüße
Körnerbrötchen

PS: In zukünftigen Posts, wäre es auch ganz knorke zu wissen, dass du auf Wordpress setzt und welches Style du in diesem benutzt.

 

[Basti93]

Das Problem liegt hier:

#sidebar {
	width: 237px;
	height: 100%;
	float:right;
	border-left: 2px solid #E9EFF2;
}

Deine Seitenleiste befindet sich nicht ganz am oberen Rand des Viewports (logisch, schließlich steht vorher noch deine Kopfleiste und deine Navigation). Die 100% Höhe, die du deiner Leiste zuordnest, entsprechen der gesamten Höhe des Browserfensters. Da die Seitenleiste aber nach unten verschoben ist, wird auch die gesamte Höhe nach untern verschoben. Lass einfach mal die Angabe "height: 100%;" weg:

#sidebar {
	width: 237px;
	float:right;
	border-left: 2px solid #E9EFF2;
}

EDIT:

Das gibt es doch nicht, das müssen ja wirklich nur Sekunden gewesen sein
Die Lösung von Körnerbrötchen könnte auch klappen, meine Version habe ich gerade schon mit Firebug getestet ;)

 

[Körnerbrötchen]

Ich weiß ja nicht, wie groß dein Viewport ist, aber die Sidebar ist bei mir wesentlich höher als dieser. ;)

 

[Hazelnut]

Danke euch beiden.. Im nachhinein schon wieder so logisch... Hat mit Körnerbrötchens lösung geklappt. Die lösung von Basti93 brachte in Firebug keinen effekt.

 

[Basti93]

Die lösung von Basti93 brachte in Firebug keinen effekt.

Seltsam, vielleicht liegt es daran, dass ich die "Firebug Lite for Google Chrome" - Version verwende. Muss ich mir nochmal genauer anschauen ;)

 

[Hazelnut]

Habe noch eine frage: TestBlögchen möchte nun die Sidebar stylen. Wie man sieht ist auch der text also das "li" eingerahmt. Ich versuch jetzt schon knappe anderthalb Stunden diesen rahmen zu entfernen. Funktioniert aber leider nicht :/

 

[devilseye]

#sidebar ul li{
background: #FAFAFA;
border:1px solid #DDDDDD;
margin-bottom:8px;
margin-left:3px;
margin-right:20px;
padding:2px 4px 4px;
list-style: none;
}

lass den Border weg dann sollte es gehen.

#sidebar ul li{ 
background: #FAFAFA;
margin-bottom:8px; 
margin-left:3px; 
margin-right:20px; 
padding:2px 4px 4px; 
list-style: none;
}

LG devil

 

[Hazelnut]

Wie gesagt, nur der Text soll nicht umrahmt sein. Der rest schon.

 

[devilseye]

dann gib noch den hinzu

#sidebar ul {
border: 1px solid #DDDDDD;
margin-right: 2em;
}

 

[Hazelnut]

Danke dir :>

leider funktionierte das aber auch nicht. Es soll ja nur aussenrum ein rahmen sein. Um den Text bzw. um die Linktexte nicht. Er zieht mir aber trotzdem immer um jedes element einen rahmen.

 

[Elroy]

Hallo.

Also ich sehe keinen Rahmen um die Linktexte.
Allerdings gibst du deiner ul die class xoxo blogroll die ich in deinem Stylesheet nirgends finden kann.
Vielleicht da mal versuchen einen Rahmen zu ziehen.

Gruss
Elroy

 

[Hazelnut]

Hallo.

Also ich sehe keinen Rahmen um die Linktexte.
Allerdings gibst du deiner ul die class xoxo blogroll die ich in deinem Stylesheet nirgends finden kann.
Vielleicht da mal versuchen einen Rahmen zu ziehen.

Gruss
Elroy

Ja, hab derzeit alle rahmen entfernt. Ich wer das mal versuchen.

 

[devilseye]

also bei mir gings so