Cassandra: Div: Position verändern

SELF-Forum

Div: Position verändern

Cassandra
– Informationen zu den Bewertungsregeln

Hallo ihr lieben,

für meine Website habe ich ein div erstellt, bei dem ich die Position so verändern möchte, dass dieses ein anderes div überlagert.

<div class="zuUeberschreiben">  
  &nbsp;  
</div>  
<div class="neuerDiv">  
  &nbsp;  
</div>

Mein Ansatz ist folgender:

.pagenavbar {  
  margin-top: -5em;  
}

Der untere div wird korrekt über den oberen gelegt. Das Problem ist nur, dass der obere div den unteren Überlagert. D. h. nur der obere div ist sichtbar.
Ist es möglich, dass man die "Reihenfolge" durch css ändern kann?

Eine Lösung dieses Problems würde mir eine Menge arbeit ersparen.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Div: Position verändern

    Beat Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Ist es möglich, dass man die "Reihenfolge" durch css ändern kann?
    Eine Lösung dieses Problems würde mir eine Menge arbeit ersparen.

    z-index
    und eine positionierung verschieden von static

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Div: Position verändern

      Cassandra
      – Informationen zu den Bewertungsregeln

      Vielen lieben Dank,

      Deine Antwort sollte mir schon weiter helfen.

      viele Grüße
      Cassy

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Div: Position verändern

        Cassandra
        – Informationen zu den Bewertungsregeln

        Ich muss einfach nochmal nachfragen, weil ich es einfach nicht schaffe, dass der untere div den oberen überlagert. Hier mein Code:

        <div id="erster">  
  Text  
</div>  
<div class="irgendwas">  
  ....  
  <div class="zweiter">  
    Text  
  </div>  
</div>  

~~~~~~css
  
/* css */  
.zweiter {  
	position: absolute;  
	padding-left: 10px;  
	width:760px;  
	height:20px;  
	top: -4em;  
	left: 0em;  
	z-index: 7;  
	background-color:#FF9900;  
}  
  
#erster{  
	position:absolute;  
	width:770px;  
	height:20px;  
	background-color:#EAEAEA;  
	top: 0em;  
	left: 0em;  
	z-index:6;	  
}

        Die Position sollte stimmen (der zweite div liegt abgeschnitten unter den ersten). Was übersehe ich hier?

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Div: Position verändern

          Beat Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Die Position sollte stimmen (der zweite div liegt abgeschnitten unter den ersten). Was übersehe ich hier?

          Vielleich, dass absolut positionierte Elementen relativ zum nächst oberen Parent-Element positioniert wird, welches nicht static ist.

          Übrigens sind 20px unter Umständen nicht 4em.

          Hier ein testcase:

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
<title>Untitled</title>  
<style>  
#parent{position:relative; background:#cfc; width: 200px; height:50px;}  
.lower{position:absolute; background:#fcc; width: 200px; height:50px;z-index:3;}  
.upper{position:absolute;background:#ccf; width: 200px; height:50px; z-index:2;}  
</style>  
</head>  
<body>  
<div id="parent">  
<div class="lower">Lower is top</div>  
<div class="upper">Upper is down</div>  
</div>  
</body>  
</html>

          mfg Beat

          --

          ><o(((°>           ><o(((°>
             <°)))o><                     ><o(((°>o
          Der Valigator leibt diese Fische
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln