[Mozilla] Problemen met border collapse

[Kvn]

Hoi, ik heb momenteel erg veel problemen met een pagina die in een iFrame ingeladen word.

De pagina bevat 1 simpele tabel van 1 row en 1 column.
Nu geef ik met CSS de tabel een border van 1 pixel, zwart, solid, d.m.v.

Cascading Stylesheet:

.DefaultTable {
    border: 1px solid #000000;
    background-color: #CCCCCC;
}

In Internet Explorer werkt dit helemaal goed, maar Mozilla slikt het niet.
Ik heb het al geprobeerd met en zonder border-collapse, maar dit maakt geen verschil.

Haal ik de pagina overal 1px van de rand af, dan werkt het vreemd genoeg wel. Maar dit is niet de bedoeling :x

In mijn volledige Stylesheets staan ook diverse collapses ingesteld, en als ik de collapse voor TD weghaal, word de tabel wel goed weergegeven, waarre het niet dat de rest van de site dan raar gaat doen, niet goed aansluit en verplaatst.

Mijn volledige stylesheet

Cascading Stylesheet:

   body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #888888
}
a:link {
    color: #666666;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #666666;
}
a:hover {
    text-decoration: none;
    color: #999999;
}
a:active {
    text-decoration: none;
    color: #666666;
}
TD {
  border-collapse: collapse;
}
TABLE {
  border-collapse: collapse;
}

body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}   
.Slayerized {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bolder;
    clip: rect(auto,auto,auto,auto);
}
.TableAbove {
    border: 1px solid #000000;
    border-collapse: collapse;
}
.LoginSearch {
    border-top: 1px solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CCCCCC;
    padding: 4px;
}
.TableAbovePart2 {
    border-top: 1px none #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-collapse: collapse;
}
.TableMenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #CCCCCC;
    border: 1px solid #000000;
}
.Accent {
    background-color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    text-transform: none;
    font-style: normal;
}
.ControlPanel {
    border: 1px solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    background-color: #CCCCCC;
}
.DefaultTable {
    border: 1px solid #000000;
    background-color: #CCCCCC;
    border-collapse: separate;   
}

De volledige site is te bekijken op http://www.slayerized.nl/dope
En de betreffende pagina is http://www.slayerized.nl/dope/page.php ( word nog iets dynamisch ).

Ik vermoed dus dat het probleem bij de collapse ligt, maar hoe ik het op los weet ik eerlijk gezegd niet. Zoeken naar Mozilla en collapse leverde me niks op.

[ Voor 16% gewijzigd door Kvn op 19-05-2004 14:56 . Reden: CSS aangepast nu ]

[BtM909]

FF, zonder verder te kijken:

code:

border-collapse: separate;

expliciet toevoegen helpt niet?

[Verwijderd]

Het is niet je probleem, maar:

Cascading Stylesheet:

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;

Wat dacht je van:

Cascading Stylesheet:

border-top: 1px solid #000;

?

[Kvn]

BtM909 schreef op 19 mei 2004 @ 14:37:
FF, zonder verder te kijken:

code:

border-collapse: separate;

expliciet toevoegen helpt niet?

Nope, maakt geen verschil

[Kvn]

Verwijderd schreef op 19 mei 2004 @ 14:39:
Het is niet je probleem, maar:

Cascading Stylesheet:

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;

Wat dacht je van:

Cascading Stylesheet:

border-top: 1px solid #000;

?

Mja ach optimaliseren doe ik altijd pas achteraf, en dit maakt Dreamweaver ervan

[disjfa]

Slayerized schreef op 19 mei 2004 @ 14:42:
[...]
Mja ach optimaliseren doe ik altijd pas achteraf, en dit maakt Dreamweaver ervan

Dus je wilt dat wij in een berg ongeoptimaliseede code gaan baggeren zodat jij later het kan optimaliseren en dan spontaan het foutje ziet zeker Right...

[Verwijderd]

Optimaliseer het dan even voordat je hier met een berg onnodige CSS aankomt...

Maargoed, het gaat dus alleen om een randje om de pagina. Waarom zet je dan niet gewoon een border: 1px solid black om de iframe heen?

[Kvn]

Verwijderd schreef op 19 mei 2004 @ 14:46:
Optimaliseer het dan even voordat je hier met een berg onnodige CSS aankomt...

Maargoed, het gaat dus alleen om een randje om de pagina. Waarom zet je dan niet gewoon een border: 1px solid black om de iframe heen?

Ik heb een aantal standaard pagina's waar dat bij zou werken, maar wat nu als ik een niet-standaard pagina wil toevoegen zonder randje? Dan heb ik er dus niks meer aan. Dus dat is de oplossing niet. In ieder geval zal ik zo wel een de css geven, geoptimaliseerd en wel. Sorry

[Verwijderd]

Slayerized schreef op 19 mei 2004 @ 14:53:
Ik heb een aantal standaard pagina's waar dat bij zou werken, maar wat nu als ik een niet-standaard pagina wil toevoegen zonder randje? Dan heb ik er dus niks meer aan. Dus dat is de oplossing niet. In ieder geval zal ik zo wel een de css geven, geoptimaliseerd en wel. Sorry

Pas de border dan gewoon toe op de body van die 'standaard' pagina's, dat werkt een stuk makkelijker dan met die table.

Cascading Stylesheet:

body {
border: 1px solid black;
margin: 0;
}

[Kvn]

Verwijderd schreef op 19 mei 2004 @ 14:55:
[...]
Pas de border dan gewoon toe op de body van die 'standaard' pagina's, dat werkt een stuk makkelijker dan met die table.

Cascading Stylesheet:

body {
border: 1px solid black;
margin: 0;
}

Hier kan ik i.i.g. wel iets mee. Dat zou best een goede oplossing zijn. Het werkt . Maar goed, het liefst had ik het opgelost zoals hierboven beschreven. Mocht iemand daar nog een suggestie voor hebben, geef die asjeblieft Ik vind het i.i.g. een raar probleem.