Autor |
Nachricht |
Superman
Threadersteller
Dabei seit: 13.10.2005
Ort: Erde
Alter: -
Geschlecht:
|
Verfasst So 30.07.2006 18:38
Titel CSS Hintergrundrahmen Höhenanpassung zu Inhalt |
|
|
Hi,
ich hab als Beispiel mal eine Beispielseite erstellt:
KLICK !
Nun will ich, dass der graue Rahmen im Hintergrund immer so hoch ist, wie der Inhalt unten es verlangt.
Ich habs schon mit 100% height usw probiert, aber leider erfolglos.
Optimal wäre natürlich, wenn der Rand unten immer bis zu 50px unterm Inhalt geht.
Hat einer eine Lösung parat?
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst So 30.07.2006 19:31
Titel
|
|
|
Hi
Der Container richtet sich ohne bestimmte Höhenangaben an den Inhalt der Seite, wenn diese relativ positioniert sind und im Textfluss sind.
Wenn du die kompletten Höhenangaben wegpackst (html,body,#rahmen), dann dürfte es normalerweise funktioneren
|
|
|
|
|
Anzeige
|
|
|
Superman
Threadersteller
Dabei seit: 13.10.2005
Ort: Erde
Alter: -
Geschlecht:
|
Verfasst So 30.07.2006 19:40
Titel
|
|
|
Geht leider nicht, probiers doch mal aus.
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst So 30.07.2006 19:47
Titel
|
|
|
Klar, weil du, wie ich bereits erwähnt habe, absolute Positionierungen verwendest. Darum richtet sich der Muttercontainer nicht mehr an den Inhalt aus.
ICh würde sowieso lieber mit relativen Angaben arbeiten, da du damit sehr viel flexibler unterwwegs bist:
http://tuts.nicogutmann.de/css/layout_zwei_bsp.php
|
|
|
|
|
Superman
Threadersteller
Dabei seit: 13.10.2005
Ort: Erde
Alter: -
Geschlecht:
|
Verfasst Mo 31.07.2006 00:19
Titel
|
|
|
Kannst du dir mal den Quelltext bzw. die CSS anschauen und abändern und hier posten?
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Mo 31.07.2006 13:36
Titel
|
|
|
Du brauchst nur das CSS von meiner angegebenen Seite übernehmen, also für den Inhaltsbereich und für den Inhalt.
Sprich du packst die position-Angaben weg und gibst beiden einfach nur ein float:left und eine Breite
Normalerweise dürfte es so klappen:
Code: | #Layer3 {
width:180px;
height:327px;
}
#Layer4 {
width:452px;
margin-bottom:10px;
}
#Layer3,
#Layer4 {
float:left;
margin-top: 150px
} |
|
|
|
|
|
|
|
|
Ähnliche Themen |
Leidiges Thema: Höhenanpassung von DIVs
textformatierung von xml inhalt
inhalt zentrieren...
Tooltips mit dyn. Inhalt
Div an Inhalt anpassen
div an Inhalt anpassen
|
|