Archief - Layers (z-index)

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Ultimus

Legacy Member
hoi iederen,

kan iemand mij helpen? ik zit met een probleem. Ik wil als basis voor een website twee layers op elkaar leggen. Echter lukt me dit niet in de simpelste vorm :s iemand wat tips?

Code:
@charset "utf-8";
/* CSS Document */

#layer1{
	position:relative;
	z-index:1;
	border:5px solid red;
	height:100px;
	width: 100px;
}

#layer2{
	position:relative;
	z-index:2;
	border:5px dashed black;
	height:100px;
	width:100px;
}

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id='layer1'>layer1</div>
<div id='layer2'>layer2</div>
</body>
</html>

Dit is waarschijnlijk onsterfelijk simpel maar het lukt me niet :)

thx!

groetjes

janlaureys9

Legacy Member
Nu zelf nog niet echt met z-index enzo moeten werken maar volgens mij gaan deze twee divs gewoon onder elkaar komen te staan. Je bepaalt niet echt een positie he.

Ultimus

Legacy Member
Code:
#layer1{
	position:relative;
	z-index:1;
	border:5px solid red;
	height:100px;
	width: 100px;
	top:-50;
	left:5;
}

#layer2{
	position:relative;
	z-index:2;
	border:5px dashed black;
	height:100px;
	width:100px;
	top:-30;
	left:10;
}

heb eens willekeurig wat toegevoegd maar zonder verschil :(

lorenzo

Legacy Member
zet beide eens op position: absolute
en top, left:0

is maar wilde gok ze ;)

profound

Legacy Member
Gewoon je position op absolute zetten, zal de 2 layers idd over elkaar zetten.
Z-index is hier zelfs niet nodig.

Ultimus

Legacy Member
geweldig :) het is gelukt.

dankzij jullie ben ik Hier al geraakt. Als eerste keer met CSS en dergerlijken vind ik dit al best ok. Jullie reacties zijn welkom natuurlijk, elke tip is handig ;)

ik heb wel gezien dat ik dringend die oude sites eens moet updaten naar een deftige css layout :)

groetjes
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan