:strip_icc():strip_exif()/u/40077/cartman.jpg?f=community)
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
Ik heb de img's eerst als background gedaan, maar steeds die px ertussen.. hele tijd al aan het prutsen met behulp van w3schools etc, maar het mag niet baten
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
| /* 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:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <!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]"images/header_left.jpg"[/img]</div>
<div class="header_center">[img]"images/header_center.jpg"[/img]</div>
<div class="navigatie"></div>
<div class="header_right">[img]"images/header_right.jpg"[/img]</div>
</div>
</html> |
Iemand enig idee wat er fout gaat? Of is IE gewoon een brakke browser die simpelweg geen CSS ondersteund
Ik heb de img's eerst als background gedaan, maar steeds die px ertussen.. hele tijd al aan het prutsen met behulp van w3schools etc, maar het mag niet baten
[ Voor 10% gewijzigd door Dennahz op 01-05-2006 17:50 ]
) met het website maken.