• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[css] layer positionieren

.marc

.marc

New member
Wie bekomme ich es hin das jeweils zwei Layer übereinanderliegen so wie im unteren Beispiel, dies sollte aber nur mittels den drei Klassen geschehen also ohne die style="top:XX" Angaben. Meiner Meinung nach sollte es ja so gehen aber dem ist nicht so, hat jemand ein Tip.
Code: 
<html>
<head>
<style type="text/css">
.container{
	position:absolute;
	left:100px;
	top:100px;
}

.lay1{
	position:relative;
	left:0px;
	top:0px;
}

.lay2{
	position:absolute;
	left:0px;
	height:0px;
}

.lay3{
	position:absolute;
	left:0px;
	top:0px;
}
</style>
</head>
<body>
<div class="container">

<div class="lay1">
	<div class="lay2">test</div>
	<div class="lay3">test</div>
</div>
<div class="lay1" style="top:17px;">
	<div class="lay2">test1</div>
	<div class="lay3">test1</div>
</div>
<div class="lay1" style="top:34px;">
	<div class="lay2">test11</div>
	<div class="lay3">test11</div>
</div>
<div class="lay1" style="top:51px;">
	<div class="lay2">test111</div>
	<div class="lay3">test111</div>
</div>

</div>
</body>
</html>
 
so?

<html>
<head>
<style type="text/css">
.container{
position:absolute;
left:100px;
top:100px;
}

.lay1 { position:absolute;top:0px; }
.lay17 { position:absolute;top:17px; }
.lay34 { position:absolute;top:34px; }
.lay51 { position:absolute;top:51px; }
</style>
</head>
<body>
<div class="container">

<div class="lay1">
<div class="lay1"><font color=blue>test</font></div>
<div class="lay1"><font color=blue>test</font></div>
</div>
<div class="lay1">
<div class="lay17"><font color=red>test1</font></div>
<div class="lay17"><font color=red>test1</font></div>
</div>
<div class="lay1">
<div class="lay34"><font color=green>test11</font></div>
<div class="lay34"><font color=green>test11</font></div>
</div>
<div class="lay1">
<div class="lay51"><font color="pink">test111</font></div>
<div class="lay51"><font color="pink">test111</font></div>
</div>

</div>
</body>
</html>
 
es soll für n Layer funktionieren aber eben nur mit drei klassen, nach mir sollte es mit dem hier gehen:
Code: 
.lay1{
position:relative;
left:0px;
top:0px;
}
.lay2{
position:absolute;
left:0px;
height:0px;
}
.lay3{
position:absolute;
left:0px;
top:0px;
}
den lay1 sollte doch immer direkt unter dem darüberliegenden Layer liegen??
aber dem ist nicht so, könnte mir das vielleicht jemand erklären?
 
ich glaube das ich noch gar nicht richtig verstanden habe, was du genau willst.

Hatte das so verstanden, das immer zwei layer übereinander liegen sollen und diese dann auf 17 34 und 51 erscheinen.

Soll im Endeffekt nur sichtbar sein text111 und zwar als oberster layer? So das alle layer übereinanderliegen (kann doch auch nicht sein, das wär zu einfach) oder wie?
 
Zuletzt bearbeitet:
es sollte so sein wie im oberen Beispiel aber ohne die Angaben zu top,denn es sollte für beliebig viele Layer funktionieren. Deshalb auch die 3 Klassen. Das ganze sollte dann etwa so aussehen:
Code: 
test // 2 Layer übereinander
test1 // 2 Layer übereinander
test11 // 2 Layer übereinander
test111 // 2 Layer übereinander
momentan ist es aber so.
Code: 
test111 // alle Layer übereinander
hoffe das war verständlich.
 
hm, also bei mir ist weder mit deinem ersten Beispiel noch mit meinem Beispiel alles übereinander sondern so wie du möchtest.

und zwar je 2 x übereinander
test
test1
test11
test111

[edit; ach so, ping der Groschen ist endlich gefallen :rolleyes:
sorry, war etwas verwirrt. Nu denk ich nochmal nach

:) bine
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben