vacances2000
Gebruiker
- Lid geworden
- 28 jan 2013
- Berichten
- 113
Beste,
Ik wil graag de layers centraal uitlijnen maar ik zie echt niet in hoe..
Er zijn 9 blokken. Level 1 = Wrapper (staat reeds centraal), Level 2 = Layer3, Level 3 = de 9 blokken (dit moeten de categorieën worden).
Mijn html is :
Dank voor de hulp.
Vriendelijke groeten,
Jonathan
Ik wil graag de layers centraal uitlijnen maar ik zie echt niet in hoe..
Er zijn 9 blokken. Level 1 = Wrapper (staat reeds centraal), Level 2 = Layer3, Level 3 = de 9 blokken (dit moeten de categorieën worden).
Mijn html is :
HTML:
<head>
<style>
#wrapper{position:relative; margin:0 auto; width:500px; background-color: yellow; }
#layer1, layer2, layer3{position:relative; margin: 0 auto, width:100%; background-color: blue; }
#category{position:relative; float:left; width: 25%; box-align:center; box-flex:center; background-color:orange; margin:1%;}
</style>
</head>
<body>
<div id="wrapper">
<div id="layer1">sdgs</div>
<div id="layer2">
<div id="category">dfsd</div>
<div id="category">dfsd</div>
<div id="category">dfsd</div>
<div id="category">dfsd</div>
<div id="category">dfsd</div>
<div id="category">dfsd</div>
</div>
<div id="layer3">klmkkk</div>
</div>
</body>
Dank voor de hulp.
Vriendelijke groeten,
Jonathan
Laatst bewerkt: