CSS probleem Explorer vs Firefox
Ik heb vorig jaar tabel-opmaak allemaal in css gedaan. Vandaag ben ik er weer mee begonnen, maar ik heb een probleem. Bij firefox zie je een achtergrondafbeelding niet goed.
Zie probleem: http://img133.imageshack.us/img133/1514/csstabellendj0.jpg
CSS:
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
45
46
47
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
.artt {
border-collapse: collapse;
}
.artk {
background-image: url('http://website.en/afbeelding');
color: #FFFFFF;
font-weight: bold;
height: 25px;
text-align: center;
}
.artt td {
padding: 1px 3px;
}
.artt th {
font-size: 11px;
font-weight: bold;
line-height: 150%;
padding: 1px 3px;
text-align: left;
vertical-align: top;
}
.artt tr.rkop td {
background: #96C7DE;
border: 1px solid #003366;
font-weight: bold;
text-align: center;
vertical-align: top;
}
.artt tr.even td {
background: #BBDFFF;
border: 1px solid #003366;
vertical-align: top;
}
.artt tr.onev td {
background: #D0E1FD;
border-bottom: 1px solid #003366;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-top: 1px solid #003366;
vertical-align: top;
}
border-collapse: collapse;
}
.artk {
background-image: url('http://website.en/afbeelding');
color: #FFFFFF;
font-weight: bold;
height: 25px;
text-align: center;
}
.artt td {
padding: 1px 3px;
}
.artt th {
font-size: 11px;
font-weight: bold;
line-height: 150%;
padding: 1px 3px;
text-align: left;
vertical-align: top;
}
.artt tr.rkop td {
background: #96C7DE;
border: 1px solid #003366;
font-weight: bold;
text-align: center;
vertical-align: top;
}
.artt tr.even td {
background: #BBDFFF;
border: 1px solid #003366;
vertical-align: top;
}
.artt tr.onev td {
background: #D0E1FD;
border-bottom: 1px solid #003366;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-top: 1px solid #003366;
vertical-align: top;
}
Weet iemand het probleem?
Gewijzigd op 01/01/1970 01:00:00 door AstroVersum
de hack:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<?php
//Modern browsers only (not IE 7)
html>/**/body .artk {
background-image: url('http://website.en/afbeelding_ff');
}
?>
//Modern browsers only (not IE 7)
html>/**/body .artk {
background-image: url('http://website.en/afbeelding_ff');
}
?>
Als ik in een tabel geen tr gebruik, heb ik dat probleem niet
AstroVersum schreef op 08.04.2007 12:54:
Hallo,
Ik heb vorig jaar tabel-opmaak allemaal in css gedaan. Vandaag ben ik er weer mee begonnen, maar ik heb een probleem. Bij firefox zie je een achtergrondafbeelding niet goed.
Weet iemand het probleem?
Ik heb vorig jaar tabel-opmaak allemaal in css gedaan. Vandaag ben ik er weer mee begonnen, maar ik heb een probleem. Bij firefox zie je een achtergrondafbeelding niet goed.
Weet iemand het probleem?
:) bij Internet explorer zie je de achtergrondafbeelding niet goed :) bij FF zit het probleem denk ik niet :D maak je site eerst goed voor FireFox dan komt IE na een tijdje ook erin!
Op deze pagina staan een aantal tabellen
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<?php
//Modern browsers only (not IE 7)
<html>/**/body .artk {
background-image: url('http://website.en/afbeelding_ff');
}
?>
//Modern browsers only (not IE 7)
<html>/**/body .artk {
background-image: url('http://website.en/afbeelding_ff');
}
?>
try this :) denk dat het een typfoutje was van bart van der veen
Geef sowieso je tabel een vaste breedte mee, en geef die afbeelding boven je tabel dan ook die breedte... Werkt dat niet?
<td class="hoek"> <td>
dan staat er in ieder geval een spatie in. Dan je CSS:
Code (php)
1
2
3
4
5
2
3
4
5
td.hoek {
padding: 0px;
margin: 0px;
line-height: 0px; /* DEZE IS BELANGRIJK! */
}
padding: 0px;
margin: 0px;
line-height: 0px; /* DEZE IS BELANGRIJK! */
}
AstroVersum schreef op 09.04.2007 10:01:
Parse error: syntax error, unexpected '<' in /usr/home/pagina.html on line 4
Dat komt omdat je het voorbeeld van Dizzy letterlijk hebt overgenomen. Die php tags eromheen heeft hij waarschijnlijk gedaan omdat de code dan mooi gekleurd wordt hier op phphulp. Als je dat overneemt moeten die dus weg.
http://www.astroversum.nl/artikelen/observeren/toekomstige_hemelverschijnselen_benelux.html
Op deze pagina staan een aantal tabellen