div verandert in grote bij het in en uitzoomen van de pagina

Door christian k op 12-02-2014 09:30

1.599 views

hallo allemaal,
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


div.bodyframe
{
     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?

Frank Nietbelangrijk

12-02-2014 09:48 gewijzigd op 12-02-2014 09:48

probeer eens


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;
}

Joakim Broden

12-02-2014 11:33 gewijzigd op 12-02-2014 11:33


div.bodyframe {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 1200px;
	height: 800px;
	overflow: hidden;
}

christian k

12-02-2014 14:56

@metal hertog jan
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?

Reageren

Inloggen om te reageren