FieFox hält sich nicht an CSS ? - Frage zu Tabellen

STARGÅTE · Beitrag von **STARGÅTE** » 04.04.2009 18:48

Tachchen,

ich arbeite gerade ein einer Tabelle die "Pixelgenau" sein muss:

wenn ich also folgenden Code habe:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<html>
 <head>
 </head>
 <style>
  table
   { border-collapse: collapse; border: none; }
  td
   { background-color: green; padding:2px; border: solid 2px red; }
  div
   { width: 4px; padding: 0px; border: solid 2px yellow; display: block;
     height: 4px; }
 </style>
 <body>
  <table>
   <tr>
    <td><table>
      <tr>
       <td><div></div></td>
      </tr>
    </table></td>
   </tr>
  </table>
 </body>
</html>

In InternetExplorer erhalte ich das gewünschte Ergebnis,
nämlich das alle Rahmen-Quadrate 2px dick sind, und das innere Quadrat 4x4px groß ist.
Im Google-Chrome auch richtig!

Nur FireFox macht wieder probleme -.-
Im FireFox ist der außere grüne Rahmen nur 1px Breit, wieso ?
Es steht doch eindeutig in CSS das ich 2px Padding haben will -.-

KeyKon · Beitrag von **KeyKon** » 05.04.2009 00:17

FireFox macht was er will, war schon in v2.x so, das hat mich auch schon Teilweise zum Verzweifeln gebracht wenn ich versucht hab was Einheitliches zu designen...

Beitrag von **Falko** » 30.04.2009 22:56

Es scheint an der ersten Zeile:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">

zu liegen. Wenn diese entfernt wird, dann sieht es genauso aus wie im
IExplorer 8

Gruß, Falko

ts-soft · Beitrag von **ts-soft** » 30.04.2009 23:02

DOCTYPE wird also vom IE ignoriert, also macht der IE was er will und nicht
umgekehrt

MS ignoriert sowieso fast alle Standards die von anderen sind.

Auch wenn unsaubere Seiten vom IE dargestellt werden, ist der Firefox doch
der bessere, schnellere, konformere Browser

Kaeru Gaman · Beitrag von **Kaeru Gaman** » 30.04.2009 23:03

KeyKon hat geschrieben:FireFox macht was er will, war schon in v2.x so, das hat mich auch schon Teilweise zum Verzweifeln gebracht wenn ich versucht hab was Einheitliches zu designen...

Ägypten...?

IE war immer der, der seine eigenen Süppchen gekocht hat.

wie sieht das das mit Standards aus...
es gibt so webseiten, wo man seine seiten testen lassen kann, ob die standardkonform sind.

wenn ich was in meine website schreibe, was nicht standardkonform ist, kann ich nicht erwarten, dass jeder brauser das darstellt,
nur weil die Produkte der zwei großen Diktatoren das so umsetzen wie ichs mir vorstelle.

ps:
ts' post kam zwischendrin... also, warum das doctype nich rauswerfen?

eventuell läßt ja genau dieses doctype nicht zu, dass der rahmen 2pix gezeichnet wird, weil 2pix nicht konform W3C DTD HTML 4.0 ist...

rolaf · Beitrag von **rolaf** » 01.05.2009 08:23

DOCTYPE rauswerfen. Och nö....
Man muß nur Code entwickeln der mit dem Type konform ist dann klappt es mit allen vernünftigen Browsern außer dem IE. Der braucht dann immer noch Extra-Würste in Form von speziellen Hacks.

"Im IE geht alles, der Firefox ist böse." - Wer solche Aussagen tätigt hat von Webentwicklung null Ahnung, zumindest aber nur Bruchstückhaft. Hier könnte entsprechende Literatur (z.B. SelfHTML) und Lernen weiterhelfen.

Edit:
So sieht übrigens dein Quadrat im IE 6.0 aus.

Warum der bei mir noch aufem Rechner ist? Weil er bei WinXP automatisch installiert wird und ich denn IE nie nutzen würde und er sowieso nur brachliegt, daher auch nicht geupdatet wird.

Falko hat geschrieben:Es scheint an der ersten Zeile:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">

zu liegen. Wenn diese entfernt wird, dann sieht es genauso aus wie im
IExplorer 8

Gruß, Falko

Oder durch den konformen ersetzen

Wie wärs hiermit:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Das ist der einzig Richtige für den Stargateschen-Code.

Christian H · Beitrag von **Christian H** » 01.05.2009 08:48

> In InternetExplorer erhalte ich das gewünschte Ergebnis,

Ob es aber das richtige ist?

Workshop: Boxmodell
http://www.css4you.de/wsboxmodell/index.html

Das CSS-Boxmodell
http://jendryschik.de/wsdev/einfuehrung ... /boxmodell

Gruß
CHristian

STARGÅTE · Beitrag von **STARGÅTE** » 01.05.2009 12:30

Dieses BoxModell bezieht sich aber hauptsächlich auf DIVs...

Mit denen wäre ja auch alles in jedem Browser richtig.

Aber bei Tabellen mit "border-collapse: collapse;" gibts halt dieses Problem.

DOCTYPE wird also vom IE ignoriert, also macht der IE was er will und nicht umgekehrt

Das ist quatsch, im IE 7.0 wird diese Zeile beachtet sodass viele Fehler die es vorher gab behoben werden, und zumindest 7.0 wieder stark an die Standards hält.

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

EDIT: Sry, das neue DOCTYPE geht doch, damit erhalte ich auch im FF die gewünschten 2px, danke !
Nur im IE siehts dann seltsam aus ...

Aber mir ist dieses Problem mit den 1px Rahmen auch inzwischen egal ....!