Toon posts:

[css] Border onder firefox wel, onder IE niet.

Pagina: 1
Acties:

vrijdag 11 november 2005 21:20

Acties:
  • Jazzle
  • Registratie: November 2004
  • Niet online

Jazzle

Topicstarter
Ik heb het volgende probleem, in IE krijg ik niet alle borders te zien, en in firefox wel:

Firefox (goed):
Afbeeldingslocatie: http://img152.imageshack.us/img152/3128/borderfirefoxthumb5uk.jpg

en onder Internet explorer (fout):
Afbeeldingslocatie: http://img152.imageshack.us/img152/2231/borderinternetexplorerthumb4yd.jpg

Xhtml:
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

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>JVL Home</title>
    <link rel="stylesheet" type="text/css"
href="style.css" />
</head>

<body>

<table cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td class="head" width="900" height="100">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td class="hoofdmenu" width="900" height="25">
            <b>Hoofdmenu:</b>&nbsp;&nbsp;<a href="home.html" class="menu">Home</a> [img]"arrowdown.gif"[/img]
        </td>
    </tr>
    <tr>
        <td>
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td class="submenu" width="150">
                        submenu
                    </td>
                    <td class="content" width="750">
                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</body>
</html>


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
50
51
52
53
54
55
56
57
58
59
60
61
62
63

body
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    background-color: #CBCBCB;
}

td.head
{
    border-left: 2px solid Black;
    border-right: 2px solid Black;
    border-top: 2px solid Black;
    background-image: url(head.gif);
}

td.hoofdmenu
{
    border-top: 1px solid Black;
    border-left: 2px solid Black;
    border-right: 2px solid Black;
    border-bottom: 1px solid Black;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(hoofdmenubg.gif);
    color: White;
    

}

td.submenu
{
    border-left: 2px solid Black;
    border-bottom: 1px solid Black;
    background-image: url(submenubg.gif);
    color: White;
    font-family: Arial, Helvetica, sans-serif;
}

td.content
{
    border-right: 2px solid Black;
    border-bottom: 1px solid Black;
    background-image: url(contentbg.gif);
    font-family: Arial, Helvetica, sans-serif;
}

A.menu:visited  {
    color: White;
    text-decoration: none;
}
A.menu:link  {
    color: White;
    text-decoration: none;
}
A.menu:active  {
    color: Gray;
    text-decoration: none;
}
A.menu:hover   {
    color: Gray;
    text-decoration: none;
}



Wie-o-wie weet er wat ik fout doe? ik heb al gezocht, maar kwam voornamelijk topics tegen die gingen over het feit dat firefox padding anders doet als IE, en dat zoek ik niet.


EDIT:
Een
code:
1

&nbsp;
en het is opgelost :O Waarom is dit alleen in IE?

[ Voor 27% gewijzigd door Jazzle op 11-11-2005 22:12 ]

vrijdag 11 november 2005 23:16

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:13

crisp

Devver

Pixelated

Omdat een browser lege cellen niet hoeft te renderen. Er is ook een css-property voor: empty-cells (hoewel IE daar niets mee kan).

Intentionally left blank

zaterdag 12 november 2005 21:00

Acties:
  • Liquid-Man
  • Registratie: September 2004
  • Laatst online: 20-04 22:45

Liquid-Man

Het zou ook moeten werken wanneer je een hoogte geeft aan de tabel die naast submenu staat, althans zo had ik het eens een keer opgelost met een site van mij die geen borders wilde weergeven...
Reageer