BasWeb
-
Items
1 -
Registratiedatum
-
Laatst bezocht
PC Helpforum helpt GRATIS computergebruikers sinds juli 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!
We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.
CSS in de war bij verschillende webbrowsers
in Archief Website Hulp & Scripts
Geplaatst:
Goedenavond allen,
Ik ben een beginnend website bouwer en loopt tegen een probleem aan. Ik heb zelf een website gebouwd d.m.v. HTML en CSS bestanden.
Maar nu ik de website online zet, gaan al mijn CSS instellingen niet meer op, omdat elke webbrowser (Chrome en IE getest) de opmaak
door elkaar gooit. Zou iemand mij willen helpen aub. hieronder mijn CSS bestand:
body {
background-color: #EBEAEA;
font-family: "Trebuchet MS", sans-serif;
font-size: 100%;
color: #5E5E32;
font-size: 15px;
}
#libo {
width: 240px;
height: 240px;
margin-left: -27.9%;
margin-top: -22.6%;
background-color: #5E5E32;
}
#wschaal {
width: 250px;
height: 250px;
margin-left: -32%;
margin-top: -40%;
background-color: black;
position: relative;
z-index : 2;
}
#kop {
width: 900px;
height: 230px;
margin-left: 25%;
margin-top: -2%;
border-left: 4px solid #5E5E32;
border-bottom: 4px solid #5E5E32;
background-color: #cdb979;
}
#linker {
width: 240px;
height: 1350px;
margin-left: 10%;
margin-top: 0.8%;
background-color: #cdb979;
border-right: 4px solid #5E5E32;
border-top: 4px solid #5E5E32;
font-size: 18px;
color: #ffffff;
z-index: 1;
}
#kop p {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: #3D090C;
font-variant: normal;
padding-left: 350px;
padding-top: 12px;
}
#kop y {
font-family: Georgia, serif;
font-size: 18px;
font-weight: bold;
color: #3D090C;
font-variant: normal;
padding-left: 0px;
padding-top: 12px;
}
#midden {
width: 700px;
margin-left: 7%;
margin-top: 14%;
}
.title1 {
font-weight: normal;
font-size: 26px;
color: #3D090C;
}
#voet {
font-family: Georgia, serif;
font-size: 18px;
font-weight: bold;
color: #3D090C;
font-variant: normal;
}
table {
margin: 5px 0 30px 0;
}
table tr th, table tr td {
background: #5E5E32;
color: #FFF;
padding: 5px 4px;
text-align: left;
}
table tr td {
background: #eee;
color: #5E5E32;
border-top: 1px solid #FFF;
}
table tr:hover td {
background: #fff;
color: #555;
border-top: 1px solid #FFF;
}
Alvast bedankt voor uw moeite!
Groetjes Bas,
- - - Updated - - -
Hij is trouwens binnen Google Chrome ook anders op mijn 21" beeldscherm, als op mijn 19" beeldscherm..