css niet correct

Status
Niet open voor verdere reacties.
D

dreamweaverfan

Gebruiker
Lid geworden
16 jun 2010
Berichten
226
Code: 
<div class="buiten">
De buitenste div
<div class="midden"> 
De middelste div
<div class="binnen">
De binnenste div
</div>
</div>
</div>

div {
padding: 10px;
background-color: #ffffff;
border: 1px solid #000000;
}
div.binnen {
position: absolute;
top: 10px
left: 10px
}
div.midden {
position: absolute;
top: 10px
left: 10 px;
}
div. buiten{
position: relative;
}

waar zit de fout
 
HTML: 
<div class="buiten">
De buitenste div
<div class="midden"> 
De middelste div
<div class="binnen">
De binnenste div
</div>
</div>
</div>
<link href="styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
div {
padding: 10px;
background-color: #ffffff;
border: 1px solid #000000;
}
div.binnen {
position: absolute;
top: 10px
left: 10px
}
div.midden {
position: absolute;
top: 10px
left: 10px;
}
div. buiten{
position: relative;
}
</style>

zo werkte die bij mij..
 
Niet getest:

HTML: 
<html>
<head>
<style type="text/css">
div {
padding: 10px;
background-color: #ffffff;
border: 1px solid #000000;
}
div.binnen {
position: absolute;
top: 10px
left: 10px
}
div.midden {
position: absolute;
top: 10px
left: 10px;
}
div.buiten{
position: relative;
}
</style>
</head>
<body>
<div class="buiten">
De buitenste div
<div class="midden"> 
De middelste div
<div class="binnen">
De binnenste div
</div>
</div>
</div>
</body>
</html>

Even de website in de goede volgorde zetten, de stylesheet gaat in de head en word zo aangeroepen: http://www.w3schools.com/css/css_howto.asp
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan