Ako na patu stranky

scrysurn · Napísal **scrysurn**: 11.10.2009 19:27

Stranka vyzera asi tak:

Ako na patu stranky

stranka je centrovana na stred a do paty potrebujem dostat taky pas, cize obrazok sirky 1px ktory sa bude opakovat na celu sirku dokumentu a nie iba v rozmedzi toho HOLDERA... ako to docielit?

v headeri je to lahke - staci dat do pozadia body takyto obrazok... ako to vsak zrobit o XY pixelov nizsie ked nepoznam vysku dokumentu... do stredu by som patu dokazal dat, neviem vsak ako roztiahnut pozadie na celu sirku dokumentu

Ďuri · Napísal **Ďuri**: 11.10.2009 19:47

Nieco taketo by nevyhovovalo?

Kód:

body { background: url(...) bottom left repeat-x scroll; }

scrysurn · Napísal autor témy **scrysurn**: 11.10.2009 19:49

pre body uz mam pozadie podobneho typu navrchu stranky...

Tominator · Napísal **Tominator**: 11.10.2009 19:51

Nerozumiem ...

Ďuri · Napísal **Ďuri**: 11.10.2009 20:05

Kód:

P#foot-background { margin: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: ??px; background: url(...) repeat-x left bottom scroll; }

scrysurn · Napísal autor témy **scrysurn**: 11.10.2009 20:09

ok vyriesil som to... jediny problem ostava Google Chrome ktory, ako sa zda, si tuto vlastnost prezentuje akosi zle... to uz vyriesim sam, vdaka.

btw vyriesil som to jednym prazdnym DIV s:

position: absolute; top: 0; left: 0; width: 100%, background: url(...) repeat-x;

uprava: co prosim ta znamena to P pred mriezkou?

uprava2: ak to ma znamenat novy objekt v html kode ktory tam vlozim tak ked mu dam bottom tak to prisposobuje velkosti okna a nie stranky cize je to akesi plavajuci ramec...

Svolo · Napísal **Svolo**: 11.10.2009 21:41

Pokial som to pochopil spravne, a ty chceš mať footer roztiahnuty na celu širku okna ale text len v strede a footer sa ma posuvať tak sa pozri ako som to riešil ja : http://www.artsite.sk

scrysurn · Napísal autor témy **scrysurn**: 12.10.2009 15:34

ok diky ja som to vcera riesil podobne nakoniec... mna to hned nenapadlo lebo som zle zadal typ "position" a nefungovalo mi to (obsah pata2 som potreboval napravo a tam som to do...) - hladal som ine riesenia, potom som si to premyslel a vyzera to nejak tak:

Kód:

<div id="pas">
      <div id="pata">
           &copy; 2009 blablabla
           <div id="pata2">Created by blablabla</div>
       </div>
 </div>

CSS:

#pas { 
  position: relative; 
  clear: both; 
  width: 100%; 
  background-color: #363333;
  background: url('./img/bgr/pata.png') repeat-x;
  height: 150px;
}

#pata { 
  position: relative; 
  padding: 50px 0 0 260px; 
  margin: 0 auto; 
  color: #868686; 
  background: url('./img/bgr/lesk.png') no-repeat;
  font-size: 10px;
  width: 670px !important;
  width: 930px;
  text-align: left;
  line-height: 14px;
  height: 100px !important;
  height: 150px;
}
#pata2 { position: absolute; top: 50px; right: 0; text-align: right; color: #666666;  }

Ako na patu stranky

Podobné témy