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

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Christian k

christian k

12/02/2014 09:30:27
Quote Anchor link
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
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
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?
 
PHP hulp

PHP hulp

20/12/2024 08:49:22
 
Frank Nietbelangrijk

Frank Nietbelangrijk

12/02/2014 09:48:01
Quote Anchor link
probeer eens

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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;
}
Gewijzigd op 12/02/2014 09:48:38 door Frank Nietbelangrijk
 
Joakim Broden

Joakim Broden

12/02/2014 11:33:07
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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;
}
Gewijzigd op 12/02/2014 11:33:26 door Joakim Broden
 
Christian k

christian k

12/02/2014 14:56:49
Quote Anchor link
@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?
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.