CSS težavi kompatibilnost browserjev

5 naročnikov

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.

Kateri cms pa uporabljaš, da nebi mogel html editirat?