[florian911]

Hallo zusammen,

bin neu hier und habe gleich mal eine Frage zur Programmierung einer Website. Sry falls ich hier gleich mal in die falsche Kategorie poste. Finde leider nichts bei Google und bin schon langsam am verzweifeln.

Habe einen normalen DIV-Container angelegt und dann einen Border über folgenden CSS-Code eingefügt:

border: solid 1 px #626262;

Nun trägt der DIV-Container einen Rand mit einem Pixel. So ist es im IE9 und im Firefox.

Aber nun kommts:
Im Firefox wird der DIV-Container durch den Rand genau 1px nach links und rechts vergrößert (also steht quasi über). Im IE9 bleibt der Container bei der festen angegebenen Größen von 700px.

Vllt. hat von euch jemand einen Rat.
Vielen Dank schon mal für eure Hilfe

Gruß Flo

[__42__]

Vermutlich läuft die Seite im IE im Quirks-Modus.
http://de.selfhtml.o...m#box_model_bug

[Witi]

Kannst du uns einen Link schicken, wo man sich das mal angucken? IE9 ist eigentlich recht gut in Beherrschung von Standard, also ich denke ich, dass das Problem wo anders liegen wird.
Du kannst aber mal versuchen den Border so zu schreiben:

border: 1px solid #626262;

[Stefan_der_held]

Zitat (Witi: 14. April 2012 - 15:48)

Kannst du uns einen Link schicken, wo man sich das mal angucken? IE9 ist eigentlich recht gut in Beherrschung von Standard, also ich denke ich, dass das Problem wo anders liegen wird.
Du kannst aber mal versuchen den Border so zu schreiben:

border: 1px solid #626262;

denke auch mal, dass das leerzeichen zwischen Größenwert und Größeneinheit das Problem sein wird.

sollte es nicht sogar CSS-Konform sein dies ohne leerzeichen zu schreiben?

zumindest kommt mir dies leerzeichen recht seltsam vor... andere Browser werden da wohl in den quirksmode wechseln wo der IE ein bischel "sturr" ist.

Dieser Beitrag wurde von Stefan_der_held bearbeitet: 14. April 2012 - 16:16