Nastavitev širine strani

Živjo,

Izdelujem spletno stran s HTML ter CSS za malo vadbe in mi ni jasno kako ali zakaj pride do tega.

Imam razdeljen design v DIVe ter za razne stvari notri še Span tage. Naštimal sem background, ter ga ponovil čez x. Prvi problem je bil ta, da se slika ni raztegnila kolikor bi se mogla, ampak se je avtomatično ustavila pri koncu brskalnika, ravno tako da ni bilo treba scrollati.

Potem sem to rešil z min-height, ampak je pa še en problem, da se background nikakor noče prilagoditi mojim tagom širine. Sedaj je čez celoten je ekran, jaz bi pa rad da je 960px. Probam width: 960px;, max-width: 960px, margin: 0 auto; pa mi nikakor ne rata.

Btw to ni končen design, šele začetek :)

8 odgovorov

Bolje da prilimaš kodo, kar takole na pamet je malo teško govorit.

Koda:

body {
background-image: url(images/background.jpg);
background-repeat: repeat-x;
min-height: 1170px;
max-width: 960px;

}

Ni kaj posebnega, čisto preprosta koda.

Jaz imam pri vsakem dizajnu nekako tako:

body {
width: 960px;
margin: 0 auto;
background: url(povezava/do/slike);
backgorund-repeat: repeat-x;
}

Nevem pa če sem prav mislil :)

Problem je ker margin 0 auto ne bo ničesar spremenil, ker se to ozadje (ki je široko 2px) razteza čez celotno X linijo :/

rabiš še en wrapper.. en div dej takoj za bodyem in ki oklepa vso vsebino.. pa tega nastavi na 960px širine in margin:0px auto

body {
background-image: url(images/background.jpg);
background-repeat: repeat-x;
min-height: 1170px;

}

#wrapper {
width: 960px;
margin: 0px auto;
}

Tudi to nažalost ne deluje. Res ne razumem tega...Ko dodam CSS temu wrapperju mi vso vsebino vrže na levo, ne glede na koliko margina itd sem dal. Hm..

Background daš wrapperju.

4

Gizmo:
Background daš wrapperju.

Sedaj grem lahko spat v miru :) Deluje kakor bi moralo že prej, hvala za pomoč!