|
|||
Problem mit IE 6 / top & bottom zugleich bei einer DIV
Hallo,
um mich kurz zu fassen, sitz jetzt schon seit Tagen an ein und dem selben Problem und komm nicht weiter. Und zwar habe ich schon den Fehler gefunden, weiß ihn aber nicht zu beheben. Im IE 7 und FF funktioniert alles einwandfrei, nur IE kleiner 7 nicht. Es liegt daran das bottom und top nicht zu gleich auf ein DIV angewendet werden können, allerdings brauch ich das fürs Layout. Hat jemand eine Lösung die unter IE 6 sowie den neueren Browser funktioniert oder weiß jemand wie man den Fehler sonst beheben kann? Vielen Dank schon mal! Zum anschauen Code:
body { margin: 0; } #oben{ background-color:#968618; height:50%; width:100%; position:absolute; } #verlauf{ background:url(hp_images2/verlauf.gif); height:634px; width:100%; position:absolute; bottom:0px; } .header { background:url(hp_images2/header.gif); width: 742px; height: 134px; position:absolute; left: 50%; margin-left: -371px; } .footer { width: 742px; height: 60px; position: absolute; bottom: 0px; left: 50%; margin-left: -371px; } .inhalt { position: absolute; width: 500px; overflow-y: scroll; bottom: 90px; top: 134px; left: 50%; margin-left: -371px; } #content_hintergrund{ background:url(hp_images2/content.gif); width:757px; height:634px; position:absolute; left: 50%; margin-left: -379px; bottom:0px; } #extended_content{ background:url(hp_images2/extended_content.gif); position:absolute; height:50%; width:757px; left: 50%; margin-left: -379px; top:0px; } |
Sponsored Links |
|
||||
Viele Beispiele (IE allerdings im Quirksmode): Stu Nicholls | CSSplay | CSS Layouts Listing
|
Sponsored Links |
|
|||
Zitat:
Danke für deine Antwort, aber die Seite hatte ich heute schon einmal im Forum entdeckt gehabt. Hatte auch schon versucht den Quellcode meinen Bedürfnissen anzupassen, bin aber immer an irgendeiner Stelle gescheitert. Ist es nicht möglich den vorhanden Code durch zusätzlichen Code einfach zu ergänzen ohne nochmal von ganz vorne anzufangen? Kann CSS schon bald nicht mehr sehen. |
|
||||
Klar, du musst nur wissen, was genau du ergänzen bzw. ersetzen musst.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
Bedanke Dich bei MS und mache aaalles nochmal neu Nein, so schlimm ist's nicht, aber dem IE < 7 mußt Du halt nachhelfen. Siehe dazu auch http://xhtmlforum.de/48648-overflow-ie6.html
|
|
||||
Und steck den Kopf nicht in den Sand. Wir alle mussten und müssen uns immer wieder mit Problemen und Hürden auseinander setzen, aber am Ende hat es sich doch immer wieder gelohnt.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
Zitat:
Genau aus diesen Post. Hatte heute schon probiert, dass Beispiel anzupassen. Nur bin ich dabei hängen geblieben, den Container Horizontal zentriert zu bekommen. Mit margin-right:auto; margin-left:auto; oder left:50%; margin-left:Pixelzahl funktioniert jedenfalls nicht. Hast du eine Idee? Problem zum anschauen Noch eine Frage: In dem Beispiel wird position:fixed verwendet, ist doch aber erst ab IE 7 möglich? Quelle |
|
||||
Es gibt auch eine Möglichkeit "position:fixed" für den <IE7 hinzubekommen: Cascading Style Sheets { Artikel : position:fixed für IE/Win }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Frage zu horizontalen Linien | marvin1989 | CSS | 3 | 30.12.2009 00:35 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |
Problem mit CSS in Joomla 1.5 | noobilicius | CSS | 6 | 25.09.2008 21:24 |
Design Float IE6 Problem | koknarr | CSS | 10 | 05.09.2008 19:05 |