nicht angemeldet
CSS / Darstellungsprobleme
Hi Leute,
schaut euch mal bitte meine Seite an. Ich bin gerade nur am groben Layout dran, aber ich hab nen Problem. Denn im IE, Netscape 6 + 7 sieht es gut aus und das Stylesheet bewirkt genau das, was es soll. Aber wenn man sich das ganze im Opera (egal ob 5 oder 6) wird die hälfte falsch dargestellt. Was kann ich dagegen machen? Ich wollte nämlich schon auf alle Browser etwas achten, aber das wird so schon etwas schwirig.
Der Validator zeigt keine Fehler an. Also was kann ich machen. Mir fällt echt nichts ein.
Außerdem ist mir aufgefallen, das die Browser recht unterschiedlich mit Padding arbeiten und ich find, dass irgendwie der IE da nur richtig interpretiert. Ich hab mal nen Beispiel gemacht. http://linux.htlinn.ac.at/~daniel/css/index2.php
IE geht, aber Mozilla und Konsorten geht nicht und Opera geht ja auch so nicht richtig. Woran liegt das? Weil eigentlich ist padding ja der Innenabstand und wenn ich width auf 100% stelle, dann versteh ich nicht warum Mozilla daraus 100% + x (ich vermute mal 4) Pixel macht.
Ich hoffe mir kann einer helfen und ein Dank an alle
Daniel
-
Tach auch,
Außerdem ist mir aufgefallen, das die Browser recht unterschiedlich mit Padding arbeiten und ich find, dass irgendwie der IE da nur richtig interpretiert. Ich hab mal nen Beispiel gemacht. http://linux.htlinn.ac.at/~daniel/css/index2.php
IE geht, aber Mozilla und Konsorten geht nicht und Opera geht ja auch so nicht richtig. Woran liegt das? Weil eigentlich ist padding ja der Innenabstand und wenn ich width auf 100% stelle, dann versteh ich nicht warum Mozilla daraus 100% + x (ich vermute mal 4) Pixel macht.Ich verstehe Dein Problem nicht so ganz, IE6 SP1 und Mozilla 1.1 zeigen das bei mir praktisch exakt gleich an. Im Mozilla ist es ein kleines bisschen laenger, aber das ist kaum zu erkennen.
Wenn Du das meinst ist allerdings der IE falsch. Der interpretiert naemlich padding beim Box-Model falsch. Die Breitenangabe (ebenso wie eine eventuelle Hoehenangabe) bezieht sich auf den Inhalt. Padding, Border und Margin werden hinzuaddiert:
Margin + Border + Padding + Content ergibt die Gesamtbreite. Wenn jetzt Dein Content 100% breit ist, werden richtigerweise Padding, Border und Margin hinzuaddiert. Padding bezieht sich auf den Abstand vom Content zur Border.
Gruss,
Armin-
Hi,
Ich verstehe Dein Problem nicht so ganz, IE6 SP1 und Mozilla 1.1 zeigen das bei mir praktisch exakt gleich an. Im Mozilla ist es ein kleines bisschen laenger, aber das ist kaum zu erkennen.
Genau das kaum erkannbare mein ich.
Wenn Du das meinst ist allerdings der IE falsch. Der interpretiert naemlich padding beim Box-Model falsch. Die Breitenangabe (ebenso wie eine eventuelle Hoehenangabe) bezieht sich auf den Inhalt. Padding, Border und Margin werden hinzuaddiert:
Margin + Border + Padding + Content ergibt die Gesamtbreite. Wenn jetzt Dein Content 100% breit ist, werden richtigerweise Padding, Border und Margin hinzuaddiert. Padding bezieht sich auf den Abstand vom Content zur Border.
Das heißt also, dass ich das, wenn man Content 100% breit ist, mit dem Padding sein lassen sollte. Hmm, schade. Aber egal, dann werde ich halt Padding auf 0px stellen.
Bis dann und danke für deine Info.
Daniel
-
-
So ein Mist. Hat eigentlich kein anderer noch ne Idee, was ich mit Opera machen soll??? und wo sind eigentlich die ganzen alten Haasen. Also ich mein Kai Lahmann und Sven Rautenberg... die sieht man hier überhaupt nicht mehr.