✔ IE8: Falsche Darstellung

[Eagle-PsyX-]

Hi,

ich hab es glaube ich noch nie nötig gehabt eine Seite für IE8 zu optimieren.
Jetzt scheint der Fall eingetreten zu sein.

FotoSpang

Es geht um das Problem betreffend dem Scrollbalken bzw. überhaupt dem Scrollen.

Gibt es sowas wie "Firebug" für IE8 damit ich direkt die CSS Informationen ändern kann und sehe was er hier falsch interpretiert?
Oder Maik hast du einen Link für einen Workaroud für IE8 parat ?

MfG
Eagle-PsyX-

 

[Maik]

Gibt es sowas wie "Firebug" für IE8 damit ich direkt die CSS Informationen ändern kann und sehe was er hier falsch interpretiert?

IE8 bringt die Entwicklertools mit - Aufruf über "F12".

Oder Maik hast du einen Link für einen Workaroud für IE8 parat ?

Nö.

Ein Workaround ist hier auch garnicht vonnöten, denn deinen deklarierten Eigenschaftswert none für die overflow-Eigenschaft gibt es überhaupt nicht.

Was du damit ausdrücken willst, lautet demnach overflow:hidden.

mfg Maik

 

[Eagle-PsyX-]

Danke!
Oh ich dachte ich hätte das ersetzt. Hatte zumindets den W3C Validator bestand.
Das ist immer so eine Sache mit einer lokalen und einer hochgeladenen Kopie

P.S: Das mit F12 wusste ich noch nicht
P.P.S: Da hat wohl jemand schlechte Nächte?^^

Ergänzung:
Seltsam. Wieso kann ich überhaupt im IE scrollen (unabhängig vom Balken oder nicht) und in Firefox nicht? Da müssen doch irgendwelche Größen anders interpretiert sein...

 

[Maik]

Ergänzung:
Seltsam. Wieso kann ich überhaupt im IE scrollen (unabhängig vom Balken oder nicht) und in Firefox nicht? Da müssen doch irgendwelche Größen anders interpretiert sein...

Bei den wenigen Pixeln, um die es da geht, tippe ich auf die Whitespaces (Tab-Einrückungen, Zeilenumbrüche) vor/hinter einem der Inline-Elemente <img> und <object></object>, die gerne von den Browsern fälschlicherweise interpretiert und im Textfluß dargestellt werden ;-)

"Grundsätzlich" hilft da dieses CSS:

#header img {
display:block;
}

/* oder */

#container #content object {
display:block;
}

/*oder */

#header img, #container #content object {
display:block;
}

Wenn display:block in dieser Form so nicht passt, weil eines dieser Elemente im Textfluß umflossen werden soll, hilft hier gleichermaßen eine float-Regel (left/right), um das Inline-Element mit "Block-Level-Charakteristika" zu versehen.

mfg Maik