Één CSS, twee verschillende schermen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

George van Baasbank

George van Baasbank

11/01/2015 21:57:08
Quote Anchor link
Goedenavond allemaal,

Ik zit met het volgende probleem:

Ik heb een scherm met daarin een groen vlak met gegevens. Dit vlak heb ik als volgt gedefinieerd:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.inloggegevens {
    position: absolute;
    height: 200px;
    width: 200px;
    top: 530px;
    right: 255px;
    background-color: #589199;
    color: white;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}


Nu geven twee verschillended browsers ieder een ander schermopbouw.

Afbeelding

Dit is via een MAC

De volgende is via een PC

Afbeelding


Voor de goede orde hier de css-code van de onderliggende valkken:
Het groene vlak:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
.laag1{
    width: 820px;
    height: 665px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-top: 20px;
    background: #83AFB4;
}


en het witte vlak

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
.vak-groot {
    display: block;
    width: 770px;
    max-height: 630px;
    min-height: 630px;
    padding-left: 10px;
    padding-top: 15px;
    margin-left: 20px;
    background: whitesmoke;
    float: left;
}



Hoe kan ik dit effect nu voorkomen?


George
Gewijzigd op 11/01/2015 22:01:15 door George van Baasbank
 
PHP hulp

PHP hulp

29/03/2024 01:20:45
 
Frank Nietbelangrijk

Frank Nietbelangrijk

11/01/2015 23:04:03
Quote Anchor link
check eerst eens of je HTML wel valide is met de w3c validator. Het gaat er dan met name om of je geen > bent vergeten of zo
 
- wes  -

- wes -

12/01/2015 13:30:07
Quote Anchor link
Geef ook even de (gestripte) HTML van die pagina, met name het deel welke div in welke div zit. (inhoud mag je strippen, is verder niet belangrijk)
 



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.