Kleine ungereimheiten im IE
Liste der Anhänge anzeigen (Anzahl: 2)
Hallo,
ich habe es nun doch geschafft ganz mit CSS zu arbeiten und keine Tabellen mehr zu benutzen. Meine Design steht jetzt soweit, allerdings habe ich noch zwei kleine Designfehler, die fallen kaum auf, und ich sehe sie jedenfalls nur im IE, im FF sieht alles gut aus. Das erste Problem, siehe Bilder im Anhang, bild1, wenn viel Text vorhanden ist, dann gibts es da wo der Cursor ist, eine kleine Einrückung. Beim zweiten Bild, fällt das Problem auf wenn wenig Inhalt vorhanden ist, die Box mit dem Menü und die Fuss-Box, der Abstand der Boxen ist etwa doppelt so gross wie im übrigen Design. Ist es machbar das ganze auch im IE normal aussehen zu lassen? Hier mal ein Teil meiner .css, unwichtiges habe ich mal weggelassen. Code:
body{ |
So wie es aussieht, liegt es daran das du deinen Navigationsbereich mittels width und border definierst und der nebenliegenden Contentbereich wird durch dieses Ergebniss nach rechts "geschoben", so das er wenn die Navigation ( wie in der unteren Grafik ) "beendet" ist, der Content in seine Ursprüngliche Position springen kann, sprich etwas nach links. Lass die Navigation vom Bereich her doch bsi nach unten laufen, dann passiert es nicht.
|
Hm, macht Sinn was Du da sagst, nur das Blöde, dem IE ist das völlig egal, habe das width ganz weggelassen und selbst wenn ich auch noch den border weg lasse, die Einrückung ist immernoch da. @_@
|
Das Problem, was du im (unteren) Bild 1 angibst, wird durch den 3px text jog des IE hervorgerufen
http://www.xhtmlforum.de/viewtopic.php?t=5569 Alles weitere gegen URL. |
Okay, hier die Url:
http://daniel.barebone-factory.de/ http://daniel.barebone-factory.de/style.css Hab mal die Threads da überflogen und auf die schnelle ncihts verstanden, muss mal genauer lesen. :) |
Danke.
Wie im Thread beschrieben, musst du für den IE der div#inhalt "layout" geben. Dass mit dem negativen margin-Ausgleich kannst du nicht anwenden, da dein linker margin in em's gezählt wird, daher kann man hier nichts abziehen. Es wird also nicht pixelgenau so wie in den anderen Browsern, ist aber auch nicht nötig. Der zusätzliche untere Abstand verschwindet damit auch. |
Okay, es funktioniert jetzt. Herzlichen Dank.
Code:
* html div#inhalt{ |
bitte beachte, dass der IEMac auch den * html hack versteht und height, anders als der IE/Win, auch als height auffasst, deinem Content also die Höhe 0 gibt.
|
Meine Zielgruppe ist weder MAC noch Linux tauglich, da ich ausschliesslich Win32 und .NET Anwendungen zur Verfügung stelle. Mir ist das ganze noch etwas zu heickel als das ich das für jeden noch herrichten muss, nur damit er feststellen kann, dass das Programm eh nicht bei ihm läuft. Ein solcher User wird also kaum bis gar nicht meine Site benutzen. Das wäre natürlich was anderes bei einer reinen, privaten Homepage wo einer seine Hobbies aufzählt.
Dennoch Danke für den Hinweis, ich muss auch ehrlich zugeben das ich die ganzen zusammenhänge da noch nicht alles verstehe mit den seltsamen Bugs des IE und echt froh bin das es überhaupt mal stimmt. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 10:33 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023