Autor |
Nachricht |
Vertigo81
Threadersteller
Dabei seit: 22.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 07.02.2012 12:43
Titel Absolutes DIV in relativem DIV: rel-DIV soll "mitwachse |
|
|
hallo!
folgendes szenario: ich habe ein relatives div als container, welches ein paar absolute divs enthält. unter dem container (relativ) soll ein weiteres relatives DIV stehen, weclhes von dem container verdrängt werden soll. würde ich nun dem container eine spezielle höhe geben, würde dies auch funktionieren. nur leider ist der (absolute) inhalt des containers dynamisch und die höhe sollte sich somit automatisch anpassen ("mitwachsen"). geht das irgendwie? nach meinem jetzigen stand wird der inhalt des container einfach nur abgehackt. hier der code:
Code: |
<div id="container">
<div id="content1" >Inhalt</div>
<div id="content2" >Inhalt</div>
</div>
<div id="footer"></div>
|
Code: |
#container{
position:relative;
height:auto;
}
#content1{
position:absolute;
width:100%;
height:auto;
overflow:hidden;
}
#content2{
position:absolute;
width:100%;
height:auto;
overflow:hidden;
}
#footer{
width:100%;
height:auto;
}
|
...für jeden tipp wäre ich dankbar, ich dreh hier nämlich gleich durch! danke...
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 07.02.2012 16:31
Titel
|
|
|
du musst dem container vom container einfach containernieren, sodass der container relativiert gesehen absolutiert!
oder du schreibst deinen text mal so um, dass man ihn auch ohne gehirnverdrehungen versteht
aber da ich nun oft genug gelesen habe:
deine content-bereiche dürfen nicht absolute sein, sonst wächst container schlicht weg nicht mit.
Zuletzt bearbeitet von pixelpapst303 am Di 07.02.2012 16:33, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Vertigo81
Threadersteller
Dabei seit: 22.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 07.02.2012 16:38
Titel
|
|
|
pixelpapst303 hat geschrieben: |
deine content-bereiche dürfen nicht absolute sein, sonst wächst container schlicht weg nicht mit. |
jo, das is das problem! gibts da irgend ein workaround oder muss ich dem content-container eine genaue höhe zuordnen?
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Di 07.02.2012 16:41
Titel
|
|
|
Aus welchem Grund musst du denn absolut positionieren?
z-index beispielsweise funktioniert auch mit relative
|
|
|
|
|
Vertigo81
Threadersteller
Dabei seit: 22.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 07.02.2012 16:45
Titel
|
|
|
Azazael hat geschrieben: | Aus welchem Grund musst du denn absolut positionieren?
z-index beispielsweise funktioniert auch mit relative |
wenn ich das jetzt erklären würde, würde der satz noch verschachtelter sein als mein erste da oben... ich hab tausend jahre rumgefummelt, bis es so war wie es nun soll... wie mans dreht und wendet: so wie es jetzt is musses sein!
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Di 07.02.2012 17:04
Titel
|
|
|
Vertigo81 hat geschrieben: | Azazael hat geschrieben: | Aus welchem Grund musst du denn absolut positionieren?
z-index beispielsweise funktioniert auch mit relative |
wenn ich das jetzt erklären würde, würde der satz noch verschachtelter sein als mein erste da oben... ich hab tausend jahre rumgefummelt, bis es so war wie es nun soll... wie mans dreht und wendet: so wie es jetzt is musses sein! |
Wenn wir es angucken können, können wirs bearbeiten. Eigentlich lässt sich nahezu jedes Layout mit margin-Werten / float umsetzen.
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Di 07.02.2012 17:42
Titel
|
|
|
Bezweifle auch stark, dass du die absolute Positionierung tatsächlich brauchst. Wenn du jedoch darauf beharrst, sehe ich nur noch die Notlösung über Javascript (Höhen der absoluten Divs auslesen und den Wert dem container als Höhe zuweisen).
Aber ziemlich unsauber, weil du ja kein Fallback hast bei deaktiviertem/geblockten JS... also lieber doch noch überdenken, ob es wirklich absolute sein muss. Vielleicht hast du da ja einfach eine kleine Denkblockade.
|
|
|
|
|
Benutzer 80255
Account gelöscht
Ort: -
|
Verfasst Di 07.02.2012 18:26
Titel
|
|
|
Ich habe dieses Problem so in den Griff bekommen:
<div id="container1">(relativ)
<div id="container2">(absolut (0,0))
<div id="content1" >Inhalt</div>(absolut)
<div id="content2" >Inhalt</div>(absolut)
</div>
</div>
|
|
|
|
|
|
|
|
Ähnliche Themen |
PHP - Absolutes Neuland
|
|