Nieuw lid |
|
Dag, ik ben bezig om een pagina te maken met divjes. Ik heb 3 (update 4) vragen:
1. Ik loop tegen het 'probleem' aan dat het meeste wel werkt maar dat ik niet zeker weet of de gebruikte code, 'netjes' is. Ik wil een header met daaronder 3 kolommen.
2. De height van 100% werkt niet bij de linker en rechter kant. Deze werkt wel als ik position: relative; weg haal bij de container div maar dan is de rest van m'n opmaakt weer verprutst.
3. Ik gebruik 4 div's binnen de container div. Is het beter om voor de 3 die naast elkaar staan weer een aparte container div te maken?
4. Ahhhh, blijkt alleen in ff te werken. In IE is de gehele opmaak totaal overhoop. Help
CSS
body {
margin:0;
padding:0;
}
#container {
width:700px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position: relative;
}
#top {
height: 100px;
}
#links {
width: 150px;
float: left;
height: 100%;
position: absolute;
margin-top: 0px;
padding: 0px;
top: 100px;
}
#midden {
width: 400px;
float: left;
margin-left: 150px;
margin-right: 150px;
}
#rechts {
width: 150px;
float: left;
height: 100%;
position: absolute;
margin-top: 0px;
padding: 0px;
right: 0px;
}
body { margin:0; padding:0; } #container { width:700px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; position: relative; } #top { height: 100px; } #links { width: 150px; float: left; height: 100%; position: absolute; margin-top: 0px; padding: 0px; top: 100px; } #midden { width: 400px; float: left; margin-left: 150px; margin-right: 150px; } #rechts { width: 150px; float: left; height: 100%; position: absolute; margin-top: 0px; padding: 0px; right: 0px; }
HTML
<div id="container">
<div id="top">top</div>
<div id="links">links</div>
<div id="midden">midden</div>
<div id="rechts">rechts</div>
</div>
<div id="container"> <div id="top">top</div> <div id="links">links</div> <div id="midden">midden</div> <div id="rechts">rechts</div> </div>
Bij voorbaad dank allen.
:D
|