Seite 1 von 1

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

Verfasst: 04.04.2009 18:48
von STARGÅTE
Tachchen,

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

wenn ich also folgenden Code habe:

Code: Alles auswählen

<!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 -.-

Verfasst: 05.04.2009 00:17
von KeyKon
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...

Verfasst: 30.04.2009 22:56
von Falko
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

Verfasst: 30.04.2009 23:02
von ts-soft
DOCTYPE wird also vom IE ignoriert, also macht der IE was er will und nicht
umgekehrt :mrgreen:

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 :allright:

Verfasst: 30.04.2009 23:03
von Kaeru Gaman
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...

Verfasst: 01.05.2009 08:23
von rolaf
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. :wink:

Edit:
So sieht übrigens dein Quadrat im IE 6.0 aus. :lol:
Bild
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. :mrgreen:
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 :wink:

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. :allright:

Das CSS-Boxmodell

Verfasst: 01.05.2009 08:48
von Christian H
> 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

Verfasst: 01.05.2009 12:30
von STARGÅTE
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 ... :cry:

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