Ik ben bezig met het maken van een website(klinkt logisch) maar ik loop tegen het probleem aan dat als ik inzoom in mijn browser naar bijv 125%(wat mijn partner altijd heeft) ziet de layout er niet meer uit. Hieronder links met hoe het eruit ziet.
Probeer alle losse div's elke keer onder te brengen in een div genaamd .container met de vogende waardes
.container {
position:relative;
width:960px;
height:auto;
margin:0 auto 0 auto;
}
De width van de container hou je gelijk met de gewenste breedte van je website.
Deze div .container kan je stapelen en als extra van elkaar scheiden met een harde enter. <br />
Voor de <br /> die je gebruikt om de div container van elkaar te scheiden maak je een class aan genaamd clearfloat. Je krijgt dan <br class="clearfloat"/>
De class clearfloat geef je in de css de volgende eigenschappen:
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
Je index pagina kan er dan als volgt uitzien:
<div id="general">
<div class="container">
<div class=inhoud><p> text 1</p></div>
<div class=inhoud><p> text 2</p></div>
</div>
<br class="clearfloat" />
<div class="container">
<div class=inhoud><p> text 3</p></div>
</div>
etc
etc
</div>
