Element an seinen Urelternelement orientiert positionieren

Jan-Frederik Stieler

Jan-Frederik Stieler

Monsterator
Moderator
Hi,
ich hab ein Element mit position:absolute positioniert. Nun positioniert es sich ja ausgehend von seinem Elternelement.
Wie kann ich es dazu bekommen sich an seinen Urelternelement zu orientieren?
Also im Grunde möchte ich eine hierachieebene nach oben.

Viele Grüße
 
Hi,

die Großmutterbox wird relativ positioniert :)

So verhalten sich die absoluten Positionsangaben ihrer Enkelinbox "relativ", beziehen sich also auf ihre Boxengrenzen, und nicht auf die der Mutterbox.

mfg Maik
 
Hi,
aber dann folgen sie doch wieder den normalen Textfluss.
Und verändert aufgrund anderer Elemente.

Aber vielleicht solltte ich auch einfach schlafen gehen un mir morgen nochmal den Kopf über mein Problem zerbrechen :).
 
Ich weiß ja nicht, was dir da konkret vorschwebt.

Und wer folgt hier deiner Meinung nach wieder dem normalen Textfluß?

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Maik" />
<meta name="date" content="2010-02-14" />

<title>tutorials.de | Demo Jan-Frederik Stieler</title>

<style type="text/css">
/* <![CDATA[ */
#grandmother {
position:relative;
width:600px;
height:150px;
margin:auto;
border:1px solid #ccc;
}
#mother {
float:right;
width:150px;
height:50px;
background:#ddd;
}
#child {
position:absolute;
left:20px;
top:20px;
width:80px;
height:45px;
background:#eee;
}
/* ]]> */
</style>

</head>
<body>

<div id="grandmother">grandmother
     <div id="mother">mother
          <div id="child">child</div>
     </div>
</div>

</body>
</html>


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück