Ik heb een website gemaakt in HTML & CSS.
In FF en IE7 werkt deze site perfect, maar in IE6 is er een ruimte van zo'n 14 pixels tussen de rode balk met het zoekveld en het header plaatje daaronder.
De website kun je hier vinden: http://develop.axysservice.nl/pgw/
Dit is de bijbehorende en relevante css code
Ik heb al zitten spelen met margin, padding & alignment. Maar ik krijg het niet opgelost. Iemand een idee in welke hoek ik dit probleem moet zoeken?
Alvast bedankt!
In FF en IE7 werkt deze site perfect, maar in IE6 is er een ruimte van zo'n 14 pixels tussen de rode balk met het zoekveld en het header plaatje daaronder.
De website kun je hier vinden: http://develop.axysservice.nl/pgw/
Dit is de bijbehorende en relevante css code
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
| /* CSS document */
body
{
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#fff;
font-family: Verdana, Arial, sans-serif;
font-size: small;
color: #000000;
background: #fff url(images/containerShadow.jpg) repeat-y center;
}
div.container
{
margin: 0px auto;
text-align:left;
padding: 0px 0px 0px 0px;
width: 649px;
background-color: #fff;
background: #fff url(images/containerShadow.jpg) repeat-y center;
}
#searchBar
{
background: #fff url(images/searchBar.jpg) no-repeat;
height: 22px;
text-align: right;
}
#header
{
background: #fff url(images/header.jpg) no-repeat;
height: 99px;
vertical-align: top;
} |
Ik heb al zitten spelen met margin, padding & alignment. Maar ik krijg het niet opgelost. Iemand een idee in welke hoek ik dit probleem moet zoeken?
Alvast bedankt!