BrEeZeR
Inventaris
- Lid geworden
- 27 apr 2001
- Berichten
- 12.877
Hey,
Ik ben voor het eerst serieus bezig met XHTML / CSS, maar het lukt voor geen meter. Is het goed in IE, dan is het brak in FF en andersom.
Alles is prima strict volgens de validators, en ik snap er echt weinig meer van.
In IE zit er een pixel tussen de divs, en in FF niet.
In FF kan je het browser venster verkleinen en vergroten wat je wilt, de afbeeldingen blijven op dezelfde plaats. In IE komen de afbeeldingen ineens onder elkaar, omdat het niet meer op het scherm past.
Dit is CSS:
En dit de HTML:
Iemand enig idee wat er fout gaat? Of is IE gewoon een brakke browser die simpelweg geen CSS ondersteund
Greetz,
Dennis
Ik ben voor het eerst serieus bezig met XHTML / CSS, maar het lukt voor geen meter. Is het goed in IE, dan is het brak in FF en andersom.
Alles is prima strict volgens de validators, en ik snap er echt weinig meer van.
In IE zit er een pixel tussen de divs, en in FF niet.
In FF kan je het browser venster verkleinen en vergroten wat je wilt, de afbeeldingen blijven op dezelfde plaats. In IE komen de afbeeldingen ineens onder elkaar, omdat het niet meer op het scherm past.
Dit is CSS:
Code:
/* CSS Dennahz.nl - Summer Style */
/* Background */
body
{
background-color: #FFFFFF
}
/* Divs */
/* Algemene div (container) */
div.container
{
width:100%
border:0px;
}
/* Header divs */
div.header_left
{
width:335px;
height:180px;
float:left;
}
div.header_center
{
width:689px;
height:96px;
margin-left:335px;
}
div.header_right
{
width:197px;
height:57px;
margin-left:827px;
margin-top:-60px;
}
div.navigatie
{
max-width:492px;
height:57px;
margin-left:335px;
}En dit de HTML:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Dennahz.nl</title>
</head>
<body>
<div class="container">
<div class="header_left"><img src="images/header_left.jpg" /></div>
<div class="header_center"><img src="images/header_center.jpg" /></div>
<div class="navigatie"></div>
<div class="header_right"><img src="images/header_right.jpg" /></div>
</div>
</html>Iemand enig idee wat er fout gaat? Of is IE gewoon een brakke browser die simpelweg geen CSS ondersteund
Greetz,
Dennis
