background img im <div>

[mfeesche]

Moin

ich habe eine kleine Frage.
mit CSS richte ich in einem <div> ein Hintergrundbild wie folgt aus.

background-image: url(img/hg.jpg);
background-position:center;
background-repeat: no-repeat;

der IE richtet es richtig, central im <div>, aus.
der FF richtet es central im Browserfenster aus, wie kann ich dem FF das abgewöhnen? wie muß ich meine positionierung ändern?
habe eigentlich keine lust, das Hintergrundbild als Image einzubinden, nur weil sich die Herrn Browser mal wieder nicht einig sind, wie etwas dargestellt wird.
mfg

 

[Psyko]

Hm,

lad mal das Beispiel auf n Webspace hoch, und dann erklär noch mal genauer was du meinst ^^.

Kann man jetzt viel drunter verstehen :-D

mfG

EDIT: noch oplikatorischer Link zu Selfhtml (background-position)

 

[Verhueterli]

Also bei mir funktioniert das wunderbar.

Egal, wie das Div positioniert ist, das BG-Bild ist immer zentral im Div ausgerichtet (Ansicht: Firefox).

Legende für das untenstehende Beispiel:
Orange = Rahmen der Tabelle
Hellblau = Rahmen des Divs

» http://verhueterli.ve.funpic.de/index/hilfe_manuell/background_position.html

 

[mfeesche]

hier der Link:
http://www.iwthannover.de/test/div.php

Zusehen ist ein Div container, der bei veränderung der Fenstergröße ein feststehendes Hintergrundbild haben soll.

im IE klappt das nur in FF nicht, wenn man das Fenster des Browsers in der Größe verändert, bewegt sich das Hintergrundbild, so soll das natürlich nicht sein.

hier noch einmal wie ich im css den <div> bescheibe:

     .context   {
            background-color:#ffffff;
            background-attachment: fixed;
            background-image: url(img/hg.jpg);
            background-position:center;
            background-repeat: no-repeat;
            position:absolute;
            text-align:left;
            text-indent:15px;
            left:170px;
            top:130px;
            width:700px;
            height:430px;
            overflow:auto;
            font-size: 14px;
                 }

aufgerufen wird der <div> wie folgt:

<div class="context"><p>Kontakte</p></div>

 

[asd]

background-attachment: fixed;
:arrow: würde ich zu relativ machen

 

[mfeesche]

danke.

das mit Background-attachment:relativ; klappt im Firefox, nur schafft der IE das jetzt wieder nicht,
also werde ich das wohl Browserabhängig ändern müssen.

wiedermal eine sinnlos Borwserweiche.


mfg

 

[Prophet]

Versuch mal background-position nicht nur center sondern 'center center' zu übergeben.

 

[mfeesche]

negativ, zeigt keine Änderung.