hi
folgendes... diese seite:

http://www.marvins-hut.net/matilda/katindexseite_bearbeiten.html

kommt problemlos durch den w3c validator. unter IE 6 mit Win 2000 wird die seite auch korrekt angezeigt - aber so ziemlich alle anderen zeigen nur mist an. mozilla, camino, netscape 7, IE:mac...

warum?

bin fuer jeden tipp dankbar

gruss


marv

Hallo!

Es scheint, als ob du einfach nur die Breitenangaben falsch hast. Der ie hat einen Anzeigefehler, da er padding- und border-Angaben in die Breite des Elements mit einbezieht, was natürlich völliger Quatsch ist. Will heißen, Mozilla, Camino etc. zeigen die Seite korrekt an, wie du sie definiert hast.

Die beste Lösung wäre es, den ie in den strict-Modus zu setzen, dann sollte er auch die Seite so anzeigen, wie es im moz jetzt der Fall ist. Danach kannst du dann die Angaben so verändern, daß sie wieder passen. Das zerstört dann natürlich die Anzeige in ie-Versionen vor 6.0. Informationen dazu unter: http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

Die andere Möglichkeit ist es, den box-model-Hack zu verwenden. Informationen dazu unter http://www.glish.com/css/hacks.asp.

Einmal mehr zeigt sich der ie als "Blocker" in Sachen css-Layout.

---
www.kuminatano.de

hi
erstmal danke fuer den hinweis - hat mir schomal sehr geholfen! )

oehm... ich will jetzt nicht rumzicken aber ich finde der ie für win macht es logischer ;)
ok nicht zu aendern - also egal!!

hast du vielleicht ne idee wie ich das anders aufbauen koennte um den selben effekt zu erzieheln? also das div-feld innerhalb von div-hintergrund bleibt? und die textareas innerhalb von div-feld?
diese workarounds sind mir zu wackelig...

nebenbei... ich habe ein wenig aufgeraeumt. hier ist der neue link:
http://www.marvins-hut.net/matilda/katindexseite_bearbeiten.php

und der link zur css-datei:
http://www.marvins-hut.net/matilda/style.css

falls noch jemand schauen moechte.
bin da jedoch gerade am arbeiten...

gruss

marv

IE5 und {IE6 ohne gültigen Doctype} berechnen die Breite falsch. Bei korrektem Doctype macht es der IE6 genau wie die standardkonformen Kollegen.

Die Optionen sind generell (ohne deine Seite näher angesehen zu haben):

1. Richtigen Doctype verwenden, und extra für den IE5 mit dem Box Model Hack rumwurschteln, wie bereits gepostet.

2. Doctype raushauen (evtl per PHP nur für den IE6), und allen voll CSS2-kompatiblen Browsern (Mozilla, IE5/mac, Opera 7) sagen sie sollen die Größenberechnung genau wie der IE5 machen:
div {
-moz-box-sizing:border-box;
box-sizing:border-box;
}
Das ist zwar eine unfeine, aber oft einfachere Lösung!


Nachtrag:
Ich kann bei deiner Seite zwischen IE6 und Firebird 0.6 auf den 1. Blick keinen Unterschied erkennen.