div genau an Rand von Tabelle platzieren

[peter1234]

Hallo Leute,

ich hab ein <th> - Tag und in diesem ein <div> ... der LINKE Rand des <div> ist rot.
Unter dem <th> Tag ist ein <td> Tag, mit ebenfalls einem roten linken Rand (2 Zeilen Tabelle, obere Zeile ist ein th untere ein td).

Nun kommt das Problem: die beiden Ränder sind nicht auf einer Linie..das <div> Element ist etwas nach rechts verschoben.
Ich will das es mit dem th "verschmelzt", so dass es auf einer Linie ist.

habs mit padding-right: 0px; margin-right: 0px; left:0px; probiert, nichts geht.

Danke!

 

[Space Vampire]

das funktioniert so eigentlich auch nicht.
die border der tabelle ist 1px breit.
und neben diesem 1px schlägt das div an.

davon abgesehen, dass mir der sinn dieser vorgehensweise vollkommen abgeht, kannst du mit negativer margin auf dem div arbeiten.

margin-left: -1px;

 

[peter1234]

das funktioniert so eigentlich auch nicht.
die border der tabelle ist 1px breit.
und neben diesem 1px schlägt das div an.

davon abgesehen, dass mir der sinn dieser vorgehensweise vollkommen abgeht, kannst du mit negativer margin auf dem div arbeiten.

margin-left: -1px;

danke, mit margin-left: -3px; gings ;)

es gibt einen einfach Grund, das ganze Stellt einen Bewertungsbogen, die Abtrennung soll die "Bewertungsspalten" von sowas wie "keine Antwort/weiß ich nicht" abtrennen. die Leute sollten, unbewusst nur im äußersten "Notfall" draufzugreifen und nicht einfach keine Antwort ankreuzen können.