Bilderdarstellung Firefox und IE

[PeterPan]

Hallo zusammen.

Bin relativ neu auf dem Gebiet CSS und versuche zur Zeit eine einfache HTML-Seite zu erstellen.

Auf der Startseite soll links und rechts ein Balken platziert werden, diese Balken habe ich selber erstellt und versuche die Biester per CSS einzubinden.

  
body{  
	background-image: url(../CSS/balken_mit_linien.bmp), url(../CSS/balken_mit_linien_2.bmp);  
	background-repeat: no-repeat;  
	background-attachment: fixed;  
	background-position: top left, top right;  
}  

Mit Firefox(3.6.8) funktioniert das 100%ig, es wird richtig dargestellt. Mit dem IE(7) werden die Balken aber nicht dargestellt, was mache ich falsch?

Vielen Dank für die Unterstützung
Gruß
PeterPan

[fully ulli]

ich glaube das geht so nicht:

background-position: top left, top right;

wenn dann:

background-position: top left;

es sind meines achtens nur 2 werte gültig
hier eine aufzaehlung der möglichen combinatiionen:

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

nachzulesen:

http://www.w3schools.com/css/pr_background-position.asp

[PeterPan]

Hallo!

Erstmal danke für die Antwort. Meinst du dass das Ganze unter IE nicht funktioniert, denn unter Firefox wird das ja richtig dargestellt.

Gruß

[fully ulli]

der IE ist einfach viel Fehler anfälliger
der FF probiert es so gut zuformatieren wie es geht
der IE sobald er es nicht kennt macht garnix

deswegen funktioniert das im FF und nicht im IE haste mal das komma rausgenommen und die zweiten daten? hats dann in beiden browsern geklappt?

[fully ulli]

Den letzten Kommentar von mir ignorieren css3 unterschuetzt multiple background-images.
Wieder was dazugelernt.

[Der-Dennis]

Hallo,

ich glaube das geht so nicht:

background-position: top left, top right;

ich glaube, das geht schon. Siehe CSS3: http://www.w3.org/TR/css3-background/#layering

Gruß, Dennis

[fully ulli]

Ok das ist neu für mich dann nehm ich mein Einwand zurueck.

Vielleicht ist er mit dem IE im Quirks modus weil er kein Doc-Type gesetzt hat und deswegen geht das so nicht.

[suit]

ich glaube das geht so nicht:

background-position: top left, top right;

wenn dann:

background-position: top left;

es sind meines achtens nur 2 werte gültig

Du mögest dein Wissen um CSS3 ergänzen.

[Der-Dennis]

Hallo,

Mit Firefox(3.6.8) funktioniert das 100%ig, es wird richtig dargestellt. Mit dem IE(7) werden die Balken aber nicht dargestellt, was mache ich falsch?

ich vermute mal, Du machst gar nichts falsch. Allerdings verwendest Du CSS3 und das kann der IE wahrscheinlich noch nicht richtig anzeigen.

Gruß, Dennis

[suit]

Mit Firefox(3.6.8) funktioniert das 100%ig, es wird richtig dargestellt. Mit dem IE(7) werden die Balken aber nicht dargestellt, was mache ich falsch?

ich vermute mal, Du machst gar nichts falsch. Allerdings verwendest Du CSS3 und das kann der IE wahrscheinlich noch nicht richtig anzeigen.

Ja - denn die gegebenen Werte kennt der Internet Explorer 7 nicht und ignoriert sie völlig (das ist standardkonform). Während ein CSS3-kompatibler Browser zwei Hintergrundbilder anzeigt.

[PeterPan]

Alles klar, vielen Dank für eure Antworten!

Gruß
Peter