dreamcatcher

Guten Abend/Morgen,

ich habe ein Darstellungsproblem der sich durch IE 7 - 9 zieht.

Im Chrome wird es richtig angezeigt.

Hier die Testseite: http://limebulls.com/phpde/

Weshalb werden im IE nicht meine Ecken rechts oben und rechts unten angezeigt ?

Ich versteh es nicht... habe mir die borders ausgeben lassen (Siehe Link), aber es bringt mich auch nicht weiter.


P.S.:
Sonstige Vorschläge zwecks besserer/saubererer Positionierung sind willkommen.

Mister Ad

eagle275

uh .. da liegt mehr im Argen ... im IE erscheinen die Ecken "doppelt" (2mal überlappend ganz dicht untereinander) ... und die linke untere Ecke ist nicht da, wo sie hingehört ...

Wenn das mal nicht der 3 Pixel-Jog vom IE ist ...

Abhilfe ein Conditional-CSS der Form

, dass nur vom IE interpretiert wird ... entweder verkürzt du den Abstand zum links daneben liegenden Element um 3px - oder du machst das Teil 3px schmaler - das bleibt dir überlassen

im übrigen hatte der IE in Versionen pre 8 ein Problem mit CSS-Selektoren der Form .Element1 .Element2 - Abhilfe hierzu den vorderen Selektor in #-Selector ändern (wenn ich mich recht erinnere) - oder du baust wie oben mit * html spezielle Selektoren, die nur IE liest und interpretiert

__________________
"Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

dreamcatcher

Danke für deine Antwort.

Weder margin-left noch das direkte verkürzen um 0,3em der Margin: Eigenschaft des Containers hat etwas gebracht.

Doch dank deiner Einwurfs des "3 Pixel Jog" kam ich auf http://www.perun.net/2004/07/09/3-pixel-abstand/
wo jemand einen Kommentar geschrieben hat, welcher bei mir super funktioniert.

Dies habe ich nun eingefügt für den #main_content Containert.

Es funktioniert prächtig.

Die einzige Frage die sich mir noch stellt, müsste das Design nicht eigentlich "kaputt" sein wenn ich die Höhe auf 1% definiere ?

Es wird komischer Weise aber korrekt angezeigt...

P.S.:
Es kann doch aber nicht sein dass ein Bug, welcher seit über 6 Jahren bekannt ist noch im IE9 ist ?!
Laut Internet wurde dieser seit IE6 behoben... also verstehe ich leider weder den Fehler noch die Lösung, sprich wieso diese greift...

ChrisB

Du hast dein Dokument aber so geschrieben, dass du dem IE explizit sagst, „bitte emuliere die Fehler deiner Vorgänger-Versionen.“

Siehe auch http://www.php.de/html-usability-und...e-sinnlos.html
Vielleicht solltest du die Antworten auf deine eigenen Fragen auch mal berücksichtigen und in deine Arbeit einfließen lassen.

Stichwort: hasLayout

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

dreamcatcher

Du bist der Knaller, genau das war es.

Mit Doctype ging es ab v.7 aufwärts.

Für IE6 Kompatibilität hat mir dann die height Eigenschaft zwecks hasLayout = true genutzt