Probleme mit Rahmendarstellung

[andy-1988]

Hey leute!

Ich hab folgendes Problem:
Wenn ich eine Tabelle in meine Seite einbaue und dort den border aktiviere wird dieser immer "doppelt" an den Stellen angezeigt, an denen sich zwei Zellen berühren.

Der border ist im stylesheet folgendermaßen definiert:

border: solid 1px #000000;

Weiß jemand an was dies liegen könnte damit diese Überlappung zustande kommt???

 

[BcF]

http://css4you.de/border-collapse <- Lösung

 

[andy-1988]

dies habe ich schon probiert. hat aber leider nichts gebracht. Die Border berühren sich ja so und so schon, nur werden sie überlagert und an diesen stellen dann statt 1px als 2px dargestellt.

 

[BcF]

Dann zeig mal bitte deinen Quelltext (oder idealerweise einen Link). So geht es auf jeden Fall wie sollte.

 

[andy-1988]

Hab die Dateien leider noch nicht online. aber hier der Quelltext:

In der CSS datei ist folgendes definiert:

table, td
{
font: normal 13px/18px verdana, sans-serif;
color: #000000;
border: solid 1px #000000;
}

Und die Tabelle in den einzelnen dateien schaut wie folgt aus:

<table cellspacing="0" cellpadding="0">
        <tr>
         <td><a href="/index.php">Startseite</a></td>
        </tr>
        <tr>
         <td><a href="/chronik.php">Chronik</a></td>
        </tr>
        <tr>
         <td><a href="/einsaetze.php">Eins&auml;tze</a></td>
        </tr>
        <tr>
         <td><a href="/fahrzeuge.php">Fahrzeuge</a></td>
        </tr>
        <tr>
         <td><a href="/jugendwehr.php">Jugendwehr</a></td>
        </tr>
        <tr>
         <td><a href="/uebungsplan.php">&Uuml;bungsplan</a></td>
        </tr>
        <tr>
         <td><a href="/pixlie/bilder.php">Bilder</a></td>
        </tr>
        <tr>
         <td><a href="/kontakt.php">Kontakt</a></td>
        </tr>
        <tr>
         <td><a href="/gaestebuch/gb.php">G&auml;stebuch</a></td>
        </tr>
        <tr>
         <td><a href="/links.php">Links</a></td>
        </tr>
       </table>

 

[BcF]

Also wenn ich in's CSS noch ein border-collapse:collapse; setze, dann ist der Rahmen nur einen Pixel breit. Zumindest im FF3 und IE7, was anderes habe ich auf dem Laptop gerade nicht zur Hand.

 

[Efchen]

dies habe ich schon probiert. hat aber leider nichts gebracht. Die Border berühren sich ja so und so schon, nur werden sie überlagert und an diesen stellen dann statt 1px als 2px dargestellt.

Dann hast Du was falsch gemacht.

Wenn zwei Tabellenzellen dort, wo sie aneinanderstoßen, beide einen Rahmen von 1px haben, dann werden daraus 2px. Wenn Du border-collapse:collapse für die Tabelle einstellst, dann werden diese Rahmen zusammengefügt und sind dann nur noch 1px dick.

Das funktioniert, sogar im IE.

Wenn es bei Dir nicht geht, hast Du etwas falsch gemacht, dann zeig uns bitte den Code mit eingebautem border-collapse, oder besser gleich einen Link zur Seite. Ich würde dann eher vermuten, dass es ein Rechtschreibfehler in "collapse" ist :-)