CSS: Centriranje pozadinske slike

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ovako, nece da mi centrira pozadinsku sliku ma sta god probao, evo kod-a

HTML
<div id="navigationr"> <div id="navigation">    <ul>       <li id="home"><a href="#">111111</a></li>       <li id="portf"><a href="#">222222</a></li>       <li id="forum"><a href="#">33333</a></li>       <li id="contact"><a href="#">444444</a></li> </ul> </div> </div>

CSS
#navigation {    background-repeat:no-repeat;    height:267px;    width:800px;    background-image: url(images/mainheader.png);    background-position: center center; } #navigationr {     background:url(images/backgroundrepeat.png);    background-repeat:repeat-x;    height:267px;    float:none;       text-align:center;    width:100%; }

Pomjera mi tu sliku ulijevo, a treba da bude centrirana... ?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Pa ne znam zašto
background-position: center center;
što ne samo
background-position: center;

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ovo ti sigurno smeta
width:800px;
probaj bez toga.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Da to radi, ali onda mi je izgled poremecen posto mi se sad div siri na 100% i ne ispadne dobro navigacija pozicionisana, kako to da rijesim ?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

A da probas ovako?

#navigation {    background: url(images/mainheader.png) center center no-repeat;    height: 267px;    width: 800px; } #navigationr {    background: url(images/backgroundrepeat.png) top left repeat-x;    height: 267px;    float: none;       text-align: center;    width: 800px; }

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

E vidis, mora mi navigationr da bude 100% sirine (sa ovim ne prikazuje se dobro) posto na njemu vrtim repeat pozadine, a mora mi navigation da bude 800 piksela posto mi je slika sirine 800 a navigaciju da pozicioniram prema toj sirini posto ako bude dinamicna sirina tj. ako uklonim width onda radi, ali onda navigacija nece izgledati isto na svim rezolucijama

Znaci hocu da bude ovako

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ja mislim da bi ti ovo pomoglo:

HTML:
<div id="navigationr"> <div id="navigation_holder"> <div id="navigation">    <ul>       <li id="home"><a href="#">111111</a></li>       <li id="portf"><a href="#">222222</a></li>       <li id="forum"><a href="#">33333</a></li>       <li id="contact"><a href="#">444444</a></li> </ul> </div> </div> </div>

CSS:
#navigation_holder {    width: 100%;    height:267px;    background-image: url(images/mainheader.png);    background-repeat:no-repeat;    background-position: center center; } #navigation {    margin: 0px auto;    width:800px;    height:267px; } #navigationr {    background:url(images/backgroundrepeat.png);    background-repeat:repeat-x;    height:267px;    float:none;       text-align:center;    width:100%; }

Znaci samo namesti da ti je taj navigacioni div unutar jednog diva koji ima sliku na sredini i taj navigacioni div pozicioniraj na sredinu ekrana ( onaj deo sa marginama ).

Nisam probao, ali mislim da je to to, a ako nesto i nisam dobro uradio bar imas ideju... Stavi sliku u neki div koji ti je 100% pa onda navigaciju od 800px stavi unutar tog div-a.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Eh da si odmah objasnio sta ti treba, dobio bi resenje odmah
Probaj sa ovim kodom (99,9% sam siguran da ti je ovo trebalo):

#navigation {    background: url(images/mainheader.png) center center no-repeat;    height: 267px;    width: 800px;    margin: auto; } #navigationr {    background: url(images/backgroundrepeat.png) top left repeat-x;    height: 267px;    float: none;       text-align: center;    width: 100%; }

Dopuna: 08 Jun 2008 11:57

@Strog: pisali smo u isto vreme nema potrebe za jos jednim div-om, samo komplikuje html kod bez potrebe, sve sto mu treba je jedan margin: auto u navigation div-u

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hvala ljudi radi boze, samo da znam za ubuduce zasto se to sranje mora da namjesti ? Mislim stvarno me nekad CSS pocne da zbunjuje

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

@Rastafarii
U pravu si... Nema potrebe ali je nekako vise volim da maximalno rasclanim svaki deo koda .

U sustini poenta i jeste bila u tom delu sa marginom .