ToxicDeluxe
Neues Mitglied
Hey,
ich bin nun schon seit Stunden auf der Suche und finde einfach nix gescheites.
Mein Problem:
Ich möchte eine Tabelle haben, in der pro Zelle ein 2Pixel schwarzer Border gesetzt ist. Die Zellen solllen hierbei immer 62 Pixel hoch und 42 Pixel breit sein.
Da der Firefox aber die Border mit in die bereits vorgegebene Höhe (62) einrechnet, aber der IE nicht, wird es etwas schwierig.
Nun habe ich sogar schon Browserunterscheidung gemacht, aber das bringt alles nichts.
Wie bekomme ich den IE dazu, den Border mit in die Höhe einzuberechnen, bzw. die Tabellenzelle so hinzubekommen, dass die Zelle genau so schick ist wie im Firefox?
Ach so... und jede Tabellenzelle soll einen Hintergrund haben (auch 62px hoch und 42px breit). Im Firefox gehts und im IE wird dieser dann aber nicht mehr im Rest des dashed Borders angezeigt. Der Hintergrund soll komplett sichtbar sein und der Border soll "mit im Hintergrund" sein.
Hier der Code (CSS):
... und HTML:
Bin dankbar für jede Antwort :)
Gruß
ich bin nun schon seit Stunden auf der Suche und finde einfach nix gescheites.
Mein Problem:
Ich möchte eine Tabelle haben, in der pro Zelle ein 2Pixel schwarzer Border gesetzt ist. Die Zellen solllen hierbei immer 62 Pixel hoch und 42 Pixel breit sein.
Da der Firefox aber die Border mit in die bereits vorgegebene Höhe (62) einrechnet, aber der IE nicht, wird es etwas schwierig.
Nun habe ich sogar schon Browserunterscheidung gemacht, aber das bringt alles nichts.
Wie bekomme ich den IE dazu, den Border mit in die Höhe einzuberechnen, bzw. die Tabellenzelle so hinzubekommen, dass die Zelle genau so schick ist wie im Firefox?
Ach so... und jede Tabellenzelle soll einen Hintergrund haben (auch 62px hoch und 42px breit). Im Firefox gehts und im IE wird dieser dann aber nicht mehr im Rest des dashed Borders angezeigt. Der Hintergrund soll komplett sichtbar sein und der Border soll "mit im Hintergrund" sein.
Hier der Code (CSS):
Code:
.myTable td {
height:62px;
width:42px;
border:2px black dashed;
}
HTML:
... <td style="background-image:url('http://www.testseite.de/images/test.png')">
test
</td>
Gruß