Problem IE und FF
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
altbekanntes problem
angezeigt http
bild
blaue bild
code
container
graphik
header
hintergrund
http
karpfen
kleiner spalt
minimalem unterschied
oberen teil
problem
schwarzen balken
spalt
test
verschiedene bilder
vorgesehene bereich
-
Hallo,
mal wieder ein altbekanntes Problem mit FF und IE.
Meine Seite wird mit minimalem Unterschied im IE nicht korrekt angezeigt. Bevor ich jedoch weitermache möchte ich das Problem behoben haben.
Es geht um das Bild im oberen Teil der Seite, welches im FF genauso groß ist, wie der dafür vorgesehene Bereich.
Im IE jedoch, sind unter dem Bild noch ca. 1 mm des Hintergrundes zu sehen und ich weiss net, an was das liegt.
Würde mich über Hilfe freuen!!!
Hier mal der Link:
http://karpfen.lima-city.de/problem/index.php
Hier der Quellcode der Seite:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"> <html> <head> <title>TEST</title> <link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\"> </head> <body> <div id=\"bg\"> <div id=\"navi_oben\"> </div> <div id=\"header\"> <!--Hier stehen die Bilder für den Header--> <img id=\"headerbild\" src=\"./images/test.jpg\"> </div> <br/><br/> <div id=\"navi_mitte\"> </div> <div class=\"mainbox\"> </div> </div> </body> </html>
Hier die Auszüge aus der CSS:
body { margin: 0px; background-color: #5F5C5C; } #bg { position:absolute; left:50%; top:50%; width:980px; height:518px; margin-left: -490px; margin-top: -259px; background-color: #D7D7D7; } #header { width:980px; background-color: #dcdedb; } #headerbild { height:165px; }
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich verstehe dein Problem nicht ganz.
Screenshots wäre hilfreich.
Beim mir wird es mit dem FF so angezeigt:
http://boyman.bo.ohost.de/image.php?id=479ef683c85f9 -
Im FF wird es auch korrekt angezeigt.
Das Problem besteht im IE.
Das blaue Bild mit dem Text ist kleiner als der dafür vorgesehene Bereich obwohl beide, Div-Container und Bild gleich hoch sind.
Screenshot vom IE bekommst du natürlich ;)
http://karpfen.lima-city.de/problem/test.JPG
Dort wo ich den schwarzen Balken eingezeichnet habe wird beim IE der Hintergrund angezeigt, der eigentlich bis ganz unten vom Bild verdeckt sein sollte. Sprich, es ist ein kleiner Spalt. Schwer zu sehen, weil die beiden Hintergrundfarben sehr ähnlich sind, ich werde mal die eine ändern, damit man es deutlicher sieht ;)
Wird aber wohl etwas dauern, wegen dem Cache ;)
Beitrag geändert: 29.1.2008 11:13:49 von karpfen -
Das Problem hatte ich auch, der FF stellte alles korrekt dar, der IE liess immer einen Spalt zwischen den Graphiken. Ich habe es dann so gelöst, dass ich jede Graphik in einen div-Container gepackt habe und die Graphik als Hintergrundbild definiert habe. Das war zwar recht umständlich, hat aber funktioniert. Warum das so ist, weiss ich leider auch nicht.
Malia
Beitrag geändert: 29.1.2008 15:49:04 von malia -
Danke für deine Antwort, nur wäre das bei mir zu umständlich, da die Bilder schon in der Seite integriert sein sollten. Denn es gibt auf verschiedenen Seiten verschiedene Bilder im Header und ich will nicht unbedingt soviele CSS-Dateien nutzen. Es ist bei mir schliesslich sehr viel über CSS gemacht.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
