- 03.03.2009 22:21 #1Neuer Benutzer
- Registriert seit
- 03.03.2009
- Beiträge
- 4
- Renommee-Modifikator
- 0
TD höhe und Breite - Firefox und IE 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:Code:.myTable td { height:62px; width:42px; border:2px black dashed; }
Bin dankbar für jede AntwortHTML-Code:... <td style="background-image:url('http://www.testseite.de/images/test.png')"> test </td>

Gruß
- 04.03.2009 09:16 #2
Schon nach Lesen des ersten Satzes hört es sich an, wie ein Problem mit dem Box Model. Das CSS Box Model besagt, dass sich die Größe eines Elements errechnet aus dem Außenabstand, dem Rahmen, dem Innenabstand und width/height. Der IE, wenn er im Quirks Mode arbeitet, arbeitet mit einem falschen Box Model, wo Abstände und Rahmen in width enthalten sind.
Du musst Deiner Seite einen Doctype geben, der alle Browser in den Standards Mode versetzt, dann arbeitet der IE auch mit dem richtigen Box Model.
Mehr zu Doctypes findest Du hier: LANtastic’s Artikel » DTD - Document Type Declaration - Das richtige Doctype
- 04.03.2009 09:36 #3Neuer Benutzer
- Registriert seit
- 03.03.2009
- Beiträge
- 4
- Renommee-Modifikator
- 0
vielen Dank! nicht wirklich oder?

ich hab schon nen doctype eingebunden, weil ich dachte, es läge daran. scheint der falsche gewesen zu sein. bin grade auf arbeit und kann dir den quellcode nicht schicken, aber es war auf jeden fall HTML 4.01 im Doctype.
Was würdest du empfehlen? Ich werde mir das mal heute Abend durchlesen, wenn ich zu Hause bin
Vielen Dank schon mal, ich werde nochmal schreiben, ob´s funktioniert hat oder nicht.
- 04.03.2009 09:45 #4
Auf Seite 3 des von mir verlinkten Artikels hast Du eine Übersicht über die Browser und in welchen Modus sie schalten. Für HTML 4.01 gibt es 6 mögliche Doctypes.
Im Zweifelsfall würde ich HTML 4.01 Transitional mit URL oder XHTML 1.0 Strict empfehlen.
- 04.03.2009 10:51 #5HTML-Guru Meilensteine


- Registriert seit
- 12.01.2008
- Ort
- Hannover
- Alter
- 42
- Beiträge
- 2.448
- Renommee-Modifikator
- 5
Der IE5-7 stellt das background-image immer nur innerhalb der border da wenn das Element layout hat. <td> hat immer Layout.
Ich antworte auch unpopulär.
- 04.03.2009 16:54 #6Neuer Benutzer
- Registriert seit
- 03.03.2009
- Beiträge
- 4
- Renommee-Modifikator
- 0
ich hab mal grade ein "testdokument" angelegt (bin noch auf arbeit).
egal mit welchem doctype ich es ausprobiere, es funktioniert nicht. der IE stellt den border immer noch außen dar. Die Zelle wird also immer noch größer und der Background wird auch immer noch nicht richtig angezeigt
- 04.03.2009 21:06 #7HTML-Guru Meilensteine


- Registriert seit
- 12.01.2008
- Ort
- Hannover
- Alter
- 42
- Beiträge
- 2.448
- Renommee-Modifikator
- 5
Sag ich doch.
Du könntest ein Element (div) in die Tabellenzelle legen und dem border, width und height geben. <td> bekommt nur das background-image.Geändert von neuroleptika (04.03.2009 um 23:46 Uhr)
Ich antworte auch unpopulär.
- 06.03.2009 10:34 #8Neuer Benutzer
- Registriert seit
- 03.03.2009
- Beiträge
- 4
- Renommee-Modifikator
- 0
Aktive Benutzer
Aktive Benutzer
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Ähnliche Themen
-
Neues Fenster - Höhe u. Breite anpassen
Von xxxarndxxx im Forum HTML und XHTMLAntworten: 2Letzter Beitrag: 25.08.2008, 20:34 -
Box mit runden Ecken und variabler Höhe und Breite
Von Mario348 im Forum CSSAntworten: 17Letzter Beitrag: 19.07.2008, 17:44 -
100% Höhe im Firefox
Von Giro im Forum CSSAntworten: 6Letzter Beitrag: 05.02.2008, 21:27 -
Höhe u. Breite eines Bildes vor Upload Bestimmen
Von FleyerShaver im Forum PHPAntworten: 1Letzter Beitrag: 18.01.2007, 21:35 -
Hintergrund breite 100% höhe 180px wie machen?
Von watzlav im Forum CSSAntworten: 4Letzter Beitrag: 02.04.2006, 10:36



LinkBack URL
About LinkBacks
Zitieren


Lesezeichen