een <div... in een <div...
Ik wil graag een pagina maken waarbij ik een div wil maken (container), welke 600px hoog en 960px breed is en hierin wil ik een volgende container maken die 200px hoog is en 500px breed.
Hier mijn HTML en CSS:
<html>
<title>test</title>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body><center>
<div id="container">
<div id="content"></div>
<center>
</body>
</html>
---------------------------------------------------------
# container {
height: 600px;
width: 960px;
background: red;
}
# content {
height: 200px;
width: 500px;
background: blue;
}
Bestandsnamen en alles zijn goed.
Wat doe ik fout?
Als #container niet groot genoeg word, probeer clear:both;
Je moet ook nog je div container afsluiten, is nu niet het geval.
Gewijzigd op 17/08/2011 21:26:05 door John Acid
Opmerking;
De centertag is/was bedoeld voor het centreren van tekst, niet van divs etc, in html5 wordt de centertag niet meer ondersteunt.
Alle opmaak doe je met CSS.
- <center><center> je opent 2 keer een center tag. Voeg bij de laatste een / toe, maar zoals gezegd is de center tag zeer ouderwets en los je dit tegenwoordig op met CSS.
- Je mist een geldig doctype op de 1e regel.
- title tag hoort in het head gedeelte.
- Je sluit #container niet.
Code (php)
1
2
3
4
5
2
3
4
5
#container
{
width: 960px;
margin: 0 auto;
}
{
width: 960px;
margin: 0 auto;
}
Dan worden alle divs netjes in het midden van het scherm gezet.