Één CSS, twee verschillende schermen
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)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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;
}
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.
Dit is via een MAC
De volgende is via een PC
Voor de goede orde hier de css-code van de onderliggende valkken:
Het groene vlak:
Code (php)
1
2
3
4
5
6
7
8
9
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;
}
width: 820px;
height: 665px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-top: 20px;
background: #83AFB4;
}
en het witte vlak
Code (php)
1
2
3
4
5
6
7
8
9
10
11
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;
}
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
