Unterschiedliche Auffassung von "backgrund url(xxx) center..."
Matze
- css
Hallo zusammen!
Wie wäre es doch schön, wenn es nur einen Browser geben könnte ;-)
Naja, vielleicht auch nicht - aber das stelle ich mal lieber nicht zur Frage.
Ich habe aktuell ein kleines Darstellungsproblem.
Ich habe eine Seite mit einem 800px breiten inneren Bereich, der mittig ausgerichtet ist.
In der Mitte habe ich einen Kopf und einen Fuß, jeweils absolut (bzw. fixed) am oberen und unteren Rand positioniert.
Der Mittlere Bereich trägt den Inhalt. Der body steht auf overflow-y:scroll.
Für den body habe ich ein Bild mit 850px angelegt, welches an den Seiten einen Farbverlauf hat (um einen Schatten darzustellen). Dieses Bild ist mit
background:url(bg_bdy.jpg) center repeat-y white
eingebunden.
Anscheinend gibt es aber unterschiedliche Auffassungen wo die Mitte ist.
Für den IE ist die Mitte immer der nutzbare Bereich,
|.....M.....| | |......M......|
L S R L R
C
R
O
L
L
Der Firefox sieht die Sache etwas anders. Für ihn ist die absolute Mitte ausschlaggebend
|......M....| | |......M......|
L S R L R
C
R
O
L
L
Das sieht natürlich etwas blöde aus, weil der Schatten natürlich dann nicht mehr schön aussieht.
Es stellt sich mir nun die Frage - wer hat recht? Ich würde von der Logik auf den IE tippen, weil es keinen Sinn macht einen nicht-nutzbaren Bereich in die Messung einzubeziehen. Vielleicht liege ich auch falsch ;-)
Kann ich per CSS weiter eingreifen, oder muss ich jedem, außer dem IE, ein anderes Bild geben.
Gruß
Matthias
In der Mitte habe ich einen Kopf und einen Fuß, jeweils absolut (bzw. fixed)
was jetzt? absolute oder fixed - zweiteres wäre ein unkluge idee, das funzt im ie6 sowieso nicht ohne workaround
Es stellt sich mir nun die Frage - wer hat recht? Ich würde von der Logik auf den IE tippen, weil es keinen Sinn macht einen nicht-nutzbaren Bereich in die Messung einzubeziehen. Vielleicht liege ich auch falsch ;-)
in dubio pro reo: hast du schon mal einen anderen, halbwegs standardkonformen browser ausprobiert? ich würde tippen, dass es der ie falsch macht ;)
Kann ich per CSS weiter eingreifen, oder muss ich jedem, außer dem IE, ein anderes Bild geben.
wenn, dann umgekehrt - da hast du weniger arbeit ;)
ein quelltextbeispiel (bzw ein link zur seite) wäre interessant und zudem die version des ie - der ie6 reagiert zb sehr allergisch auf html-fehler (stichwort quirksmode) und produziert dann per defintion viele fehler (zb aufgrund eines fehlerhaft berechneten box modell)
was jetzt? absolute oder fixed - zweiteres wäre ein unkluge idee, das funzt im ie6 sowieso nicht ohne workaround
Beides ;-). Der IE bekommt absolute, der rest fixed (bei absolute flackert es im FF)
in dubio pro reo: hast du schon mal einen anderen, halbwegs standardkonformen browser ausprobiert? ich würde tippen, dass es der ie falsch macht ;)
Kann ich per CSS weiter eingreifen, oder muss ich jedem, außer dem IE, ein anderes Bild geben.
wenn, dann umgekehrt - da hast du weniger arbeit ;)ein quelltextbeispiel (bzw ein link zur seite) wäre interessant und zudem die version des ie - der ie6 reagiert zb sehr allergisch auf html-fehler (stichwort quirksmode) und produziert dann per defintion viele fehler (zb aufgrund eines fehlerhaft berechneten box modell)
Habe gerade mal eine blanke Testseite gemacht, weil die betreffende Seite noch nicht online verfügbar ist. Sehr lustig, bei der gleichen Einstellung funktioniert es hier - zwar so wie der FF es für richtig hält, aber es funktioniert.
Soll heißen - der Fehler liegt irgendwo, aber nicht da wo ich ihn gesucht habe. Sowas dummes :-(
Trotzdem Danke für deine Hilfe!
Gruß
Matthias
Da sucht man den halben vormittag und macht dabei die Augen anscheinend nicht richtig auf.
Entgegen meiner Aussage, den background auf dem body zu definieren habe ich in ihn
html, body{background:
definiert.
Warum ich auf diese aberwitzige Idee gekommen bin kann ich allerdings nicht erklären.
Richtig im body deklariert klappt es natürlich in jedem Browser...
Das ich mit dem Brett vor´m Kopf überhaupt durch die Tür gepasst habe - sensationell...
Gruß
Matthias