Nastavitev širine strani
 
Tarum 17. avg 2011 21:10:28 Pridružen od:
2. feb 2010
867 objav
571 97 11
#1

Ž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 :)




všeč(0) ni všeč(0) spam(0)
 
nas-t1 17. avg 2011 21:32:28 Pridružen od:
23. maj 2007
6916 objav
6886 187 55
#2

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


všeč(0) ni všeč(0) spam(0)
 
Tarum 17. avg 2011 21:42:45 Pridružen od:
2. feb 2010
867 objav
571 97 11
#3

Koda:



body {

background-image: url(images/background.jpg);

background-repeat: repeat-x;

min-height: 1170px;

max-width: 960px;



}



Ni kaj posebnega, čisto preprosta koda.


všeč(0) ni všeč(0) spam(0)
 
chick 17. avg 2011 21:43:38 Pridružen od:
27. dec 2010
652 objav
576 99 18
#4

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 :)


všeč(0) ni všeč(0) spam(0)
 
Tarum 17. avg 2011 21:45:33 Pridružen od:
2. feb 2010
867 objav
571 97 11
#5

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


všeč(0) ni všeč(0) spam(0)
 
komac 17. avg 2011 21:48:11 Pridružen od:
14. avg 2009
733 objav
673 29 7
#6

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


všeč(0) ni všeč(0) spam(0)
 
Tarum 17. avg 2011 22:26:40 Pridružen od:
2. feb 2010
867 objav
571 97 11
#7

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..


všeč(0) ni všeč(0) spam(0)
 
Gizmo 17. avg 2011 22:32:27 Pridružen od:
25. feb 2009
2647 objav
2589 396 55
#8

Background daš wrapperju.


všeč(4) ni všeč(0) spam(0)
 
Tarum 17. avg 2011 22:36:27 Pridružen od:
2. feb 2010
867 objav
571 97 11
#9

Gizmo:

Background daš wrapperju.




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


všeč(0) ni všeč(0) spam(0)
 
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se