IE verschiebt Image

[Henning]

Hallo,

im Mozilla funktioniert alles, im Opera jetzt auch. Nur der IE weigert sich (mal wieder).

Auf der Webseite http://www.feuerwehr-timmerlah.de/index.php?inhalt=aktive
rutscht das Foto im IE weit nach unten, wenn das Browserfenster kleiner als Navi + Bild ist. Moz/Opera lassen das Bild wo es ist und stellen Scrollleisten dar (wie es sein soll). Wie kriege ich das auch im IE hin.

Habe übrigens einen Unterschied zwischen Mozilla und Opera festgestellt. Im Banner oben scrollt das Hintergrundbild im Opera mit, wenn background-attachment:fixed fehlt, im Mozilla nicht.

Gruß,
Henning

[molily]

Hallo, Henning,

Auf der Webseite http://www.feuerwehr-timmerlah.de/index.php?inhalt=aktive
rutscht das Foto im IE weit nach unten, wenn das Browserfenster kleiner als Navi + Bild ist.

Das ist, wie ich das beurteilen kann, ein handfester Bug und ich finde keine Möglichkeit, dies zu umgehen. Der Auslöser ist natürlich float:left bei #nav, ich würde dir empfehlen, alle Elemente für MSIE mit position:absolute zu positionieren und für Opera und Mozilla dann position:fixed zu vergeben. Dann ist es nicht möglich, dass im MSIE das Bild erst nach dem floatenden Container angezeigt wird. Überhaupt halte ich float *und* position:fixed für ein wenig problematisch bzw. es könnte Schwierigkeiten machen.

Habe übrigens einen Unterschied zwischen Mozilla und Opera festgestellt. Im Banner oben scrollt das Hintergrundbild im Opera mit, wenn background-attachment:fixed fehlt, im Mozilla nicht.

Seltsam - das dürfte natürlich nicht der Fall sein, aber Opera hat bekanntlicherweise Probleme mit Hintergrundbildern (auch die Ausrichtung stimmt AFAIK nicht).

Grüße,
Mathias

[Henning]

Danke erstmal für die Antwort.

Mir ist aufgefallen, dass er auf der Startseite die Bilder übrigens nicht nach unten schiebt. Ich vermute es könnte klappen, wenn Navi + Bild immer kleiner als die Bannerbilder sind, da dann Scrollleisten erscheinen.

Im Opera gibt es übrigens doch ein Problem. Ist das Browserfenster zu klein, kann man nicht mehr alle Navioptionen erreichen. Im Mozilla geht das mit

div + div#navi {
  height:auto;
  overflow:auto;
  bottom:0px;
}

Wieso klappt das im Opera nicht?

Gruß,
Henning

[Orlando]

Hi Henning,

Im Opera gibt es übrigens doch ein Problem. Ist das Browserfenster zu klein, kann man nicht mehr alle Navioptionen erreichen. Im Mozilla geht das mit

div + div#navi {
  height:auto;
  overflow:auto;
  bottom:0px;
}

Wieso klappt das im Opera nicht?

weil er overflow:auto/scroll nicht beherrscht (http://www.opera.com/docs/specs/#css).

LG Orlando

[Henning]

Schade, dann müssen Opera Benutzer wohl ihr Browserfenster vergrößern, denn da sehe ich keine Möglichkeit das zu umgehen.
Oder versteht Mozilla einen Selektor den Opera nicht kennt und man das so umgehen kann?

Gruß,
Henning
(den die kleinen Unterschiede in den Browsern langsam nerven)

[Orlando]

Hi Henning,

Schade, dann müssen Opera Benutzer wohl ihr Browserfenster vergrößern, denn da sehe ich keine Möglichkeit das zu umgehen.

du könntest den Bereich vergrößern, sodass der Inhalt vollständig hineinpasst.

Oder versteht Mozilla einen Selektor den Opera nicht kennt und man das so umgehen kann?

So ist es -> http://www.albin.net/CSS/OwenHack.html Funktioniert in allen Operas, wie sich Version 7 verhält, würde ich gerne wissen ;)

Henning
(den die kleinen Unterschiede in den Browsern langsam nerven)

Ach, das macht sie doch nur charmant...

LG Orlando