css site in FF, IE6+, Mozilla
Mijn site http://www.cecicasariego.com wijkt visueel blijkbaar af in andere browsers, en dat zou de css ( http://www.cecicasariego.com/site.css)als oorzaak hebben. Kan iemand mij laten weten wat er aangepast moet worden, zodat de site in alle browsers op dezelfde maier weergegeven wordt, aub. Dankjewel.
In welke browser wijkt het af en wat wijkt er af? In Firefox zie ik zo snel alleen dat de copyright en taal niet goed gepositioneerd staan. Dit kan je oplossen door een top margin aan de images mee te geven.
Gewijzigd op 01/01/1970 01:00:00 door Jorn Engelbart
Quote:
Dit kan je oplossen door een top margin aan de images mee te geven
Wat moet ik specifiek aanpassen in de css of code, aub ?
Geef deze bijvoorbeeld een margin-top van 10px mee...
Code (php)
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
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
#left ul.sub-link{
width:268px;
height:41px;
padding:3px 0 4px 0;
font-size:0;
float:left;
margin: 0;
}
#left ul.sub-link li{
display:block;
background:url(images/link_div.gif) right center no-repeat;
padding:0 14px 0 0;
float:left;
margin-top: 0px;
}
#left ul.sub-link li a{
display:block;
font:bold 10px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
background:url(images/left_link_bg.gif) 0 0 repeat-x #0E0E0E;
color:#E0E0E0;
text-decoration:none;
text-transform:uppercase;
float:left;
margin-top: 0px;
}
#left ul.sub-link li a:hover{
background:url(images/left_link_bg.gif) 0 0 repeat-x #0E0E0E;
color:#B08900;
margin-top: 0px;
}
#left ul.sub-link li.sec{
display:block;
background:url(images/link_div.gif) right top no-repeat;
padding:0 14px 0 15px;
float:left;
margin-top: 0px;
}
#left ul.sub-link li.noimg{
display:block;
background-image:none;
padding:0 14px 0 15px;
float:left;
margin-top: 0px;
}
width:268px;
height:41px;
padding:3px 0 4px 0;
font-size:0;
float:left;
margin: 0;
}
#left ul.sub-link li{
display:block;
background:url(images/link_div.gif) right center no-repeat;
padding:0 14px 0 0;
float:left;
margin-top: 0px;
}
#left ul.sub-link li a{
display:block;
font:bold 10px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
background:url(images/left_link_bg.gif) 0 0 repeat-x #0E0E0E;
color:#E0E0E0;
text-decoration:none;
text-transform:uppercase;
float:left;
margin-top: 0px;
}
#left ul.sub-link li a:hover{
background:url(images/left_link_bg.gif) 0 0 repeat-x #0E0E0E;
color:#B08900;
margin-top: 0px;
}
#left ul.sub-link li.sec{
display:block;
background:url(images/link_div.gif) right top no-repeat;
padding:0 14px 0 15px;
float:left;
margin-top: 0px;
}
#left ul.sub-link li.noimg{
display:block;
background-image:none;
padding:0 14px 0 15px;
float:left;
margin-top: 0px;
}
Ik heb margin=top op 0 geplaatst, want 10 was teveel.
Klopt het nu ?
Daarnaast kreeg ik nog de volgende opmerkingen:
- de drie links (portretten, interieur en ontwerp) staan teveel naar links
- copyright en taal te laag (klopt nu ?)
- ruimte onder afbeelding portret
Dit is hoe ik wil dat het eruit ziet:
http://www.cecicasariego.com/screenshot.gif