CSS težavi kompatibilnost browserjev

Najprej lep pozdrav vsem!

Prva težava je v repeat. Vsi browserji razen IE izvedejo repeat.

#navL4 {

    background: url(img/navL4_bottom.png) #dee6f1 no-repeat scroll center bottom;

    width: 410px !important;

    padding-bottom: 5px;

    position: relative;

    float: left;

}

V IE se pojavi samo ena slikca ki se noče ponavljat. Poizkusil sem z repeat-y pa ne deluje, poizkusil sem tudi s posamezno deklaracijo lastnosti ozadja ... ne dela.

Naslednja težava je pa taka:



Chrome, Safari in Opera lepo prikazujejo v vrsti, pri IE in FF pa zadeva skoči dol.

Kakršnakoli pomoč je dobrodošla.

Lep pozdrav!

"no-repeat" pomeni, da naj se background image NE ponavlja.

mora bit no-repeat, ker je slikca takšna, da je spodaj zaobljena.

no-repeat:

repeat:

IE prikaže samo 1 vrstico.

Zgoraj si napisal, da se v IE pojavi ena slikica, ki se NOCE ponavljat.

Enako se zgodi, če dam repeat-y, le da je potem v FF nazobano, IE ostane enako (ena vrstica, ki se ne ponavlja)

Zakaj pa ne uporabis recimo 3 dive - top zaobljeni, vmesni ki se razteguje in spodnji tudi zaobljeni?

editiram lahko samo css.

html je statičen (cms).

Vse skupaj daš v en div, ki ima barvo ozadja modro, spodaj pa še en div, ki ima za ozadje to zaobljeno slikico pa je rešeno. V bistvu tako kot ti je perunpro napisal, če še hočeš imeti zgoraj zaobljeno obliko.

Al pa daš

background-color: #??????; /* tista modra pač*/

background:url(images/corners.gif) no-repeat bottom;

tako imaš cel div plave barve, background se ti pa prikazuje samo na koncu brez ponavljanja.

Rizling:

Vse skupaj daš v en div, ki ima barvo ozadja modro, spodaj pa še en div, ki ima za ozadje to zaobljeno slikico pa je rešeno. V bistvu tako kot ti je perunpro napisal, če še hočeš imeti zgoraj zaobljeno obliko.

zgoraj ne rabi bit zaobljeno. fora pa je, da html-ja NE morem editirat.

nas-t1:

Al pa daš

background-color: #??????; /* tista modra pač*/

background:url(images/corners.gif) no-repeat bottom;

tako imaš cel div plave barve, background se ti pa prikazuje samo na koncu brez ponavljanja.

Sej tko je mišljeno in zadeva v FF in ostalih prime, v IE pa ne.