nicht angemeldet
tomaten auf den augen
hej,
also ich sitze jetzt schon seit ner Stunde vor der Kiste und weiß nich was es. Mal kurz der Code:
<body class="a">
<div id="main">
<div id="bottom">
<p style="position:absolute; top:0px; left:0px; width:100%; text-align:center;">bla bla</p>
<img style="position:absolute; top:0px; left:0px;" src="main/wirbel.png" height="60" width="60" alt="logo">
<img style="position:absolute; top:0px; right:0px;" src="main/schriftzug.png" height="60" width="150" alt="softandlazy">
</div>
</div>
</body>
und
#main { background-color: #d2691e; margin: 15px auto auto; padding: 0px; border: solid 2px black; width: 700px; height: 500px }
#bottom { margin-top:0px; padding:0px; width:700px; height:60px }
Alle Browser nageln mir die 3 Elemente in dem innersten div absolut gegen die body-decke. Ich dachte bisher, position:absolute bezieht sich auf das Elternelement oder hab ich da was falsch verstanden? Möchte nämlich, dass die 3 Objekte sich in den div einpassen
Wer sieht den Fehler? Schon mal danke.
grüße i.
-
Hi,
Alle Browser nageln mir die 3 Elemente in dem innersten div absolut gegen die body-decke. Ich dachte bisher, position:absolute bezieht sich auf das Elternelement oder hab ich da was falsch verstanden? Möchte nämlich, dass die 3 Objekte sich in den div einpassen
Es bezieht sich auf den nächsten Vorfahren, der nicht static positioniert ist (static ist default-Wert für position).
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/-
hej Andreas,
Es bezieht sich auf den nächsten Vorfahren, der nicht static positioniert ist (static ist default-Wert für position).
nur mal grad damit sich mir dass ein für alle mal ins Hirn brennt:
Wenn die übergeordneten divs nicht fest positioniert werden, sondern mit margin, padding usw. dann können Kindelemente sich in ihrer Positionierung nicht darauf beziehen?Falls es so ist, Danke, hast mir sehr geholfen
grüße i.
-
Hi,
Es bezieht sich auf den nächsten Vorfahren, der nicht static positioniert ist (static ist default-Wert für position).
nur mal grad damit sich mir dass ein für alle mal ins Hirn brennt:
Wenn die übergeordneten divs nicht fest positioniert werden, sondern mit margin, padding usw. dann können Kindelemente sich in ihrer Positionierung nicht darauf beziehen?Definiere "fest positioniert".
Es reicht, wenn position auf relative gesetzt wird.
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
-
-
-
Hi,
<body class="a">
<div id="main">
<div id="bottom">
<p style="position:absolute; top:0px; left:0px; width:100%; text-align:center;">bla bla</p>
<img style="position:absolute; top:0px; left:0px;" src="main/wirbel.png" height="60" width="60" alt="logo">
<img style="position:absolute; top:0px; right:0px;" src="main/schriftzug.png" height="60" width="150" alt="softandlazy">
</div>
</div>
</body>Nachtrag: mit
<p style="text-align:center;">
<img src="main/wirbel" ... style="float:left;">
<img src="main/schriftzug" ... style="float:right;">
blabla
</p>sollte das eigentlich auch rauskommen.
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/