div verandert in grote bij het in en uitzoomen van de pagina
ik heb met css een div gemaakt die goed werkt op mijn laptop
maar als ik ga inzoomen verandert heel de groote
weet iemand hoe dat komt
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
div.bodyframe
{
border: 5px solid black;
left: 50%;
width: -1200px;
margin: 0px;
overflow: hidden;
display: block;
}
{
border: 5px solid black;
left: 50%;
width: -1200px;
margin: 0px;
overflow: hidden;
display: block;
}
ps: het is ook de bedoeling dat de div in het midden van de pagina komt dat werkt ook niet
weet iemand hoe dat komt?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
div.bodyframe
{
border: 5px solid black;
position: fixed;
top: 50%;
left: 50%;
margin-top: -400px; /* helft van de height*/
margin-left: -600px; /* helft van de width */
width: 1200px;
height: 800px;
overflow: hidden;
}
{
border: 5px solid black;
position: fixed;
top: 50%;
left: 50%;
margin-top: -400px; /* helft van de height*/
margin-left: -600px; /* helft van de width */
width: 1200px;
height: 800px;
overflow: hidden;
}
Gewijzigd op 12/02/2014 09:48:38 door Frank Nietbelangrijk
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
div.bodyframe {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 1200px;
height: 800px;
overflow: hidden;
}
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 1200px;
height: 800px;
overflow: hidden;
}
Gewijzigd op 12/02/2014 11:33:26 door Joakim Broden
ja deze code werkt maar nu heb ik nog vraag
ik heb een beeld scherm van 1280x800(16:10)
ik gebruik Ubuntu dus aan de rechterkant van het scherm is een stuk af(de Laucher zit daar)
op het scherm ziet mijn site er goed uit als er nu een groter scherm pak ziet ales binnen de div.bodyframe er dan het zelfde uit?