ugrás a tartalomhoz

én így próbáltam megy is, de..

EL Tebe · 2009. Ápr. 22. (Sze), 11.17
Sziasztok!

Én a fenti megoldással csinálom a középre igazítást és megy is, de..

Firefox-ban az jellemző, hogyha kisebb felbontásban nézem a weblapot, mint a középre igazított div szélessége (tehát amikor már megjelenik az alsó, vízszintes gördítősáv),akkor a háttérkép a div-hez képest - a görgetés arányában - eltolódik.

Tehát: van a grafikán "3 oszlop" és a háttér y-irányban ismétlődik:
1: bal oldal, változó szélesség,
2: középső rész, (a div háttere),
3: jobb oldal, változó szélesség,

A hátteret a body-hoz rendeltem, top center igazítással és repeat-y-nal.

Hogyan lehet megoldani, hogy "kövesse" a középre igazított háttérkép a középre igazított div-et a görgetéskor? (mint IE-ben)
A háttérkép oszlopainak méretezése rendben van (tehát a két szélső oszlop ugyan akkora rajta, az elcsúszás nem abból származik)

Egyelőre sajnos csak a balra rendezéssel tudtam ezt megoldani, ott nem rendetlenkedik.
‹ Google site overlay - hogyan készült? Nagy táblázat gyors megjelenítése ›
 ■
1

cím

EL Tebe · 2009. Ápr. 22. (Sze), 11.19
bocs, hogy ez lett a cím, de egy 2006-os topikba írtam és most új témát nyitott automatice.
A címet szerkeszteni meg nem lehet(?)
szóval sorry
2

volt

gex · 2009. Ápr. 22. (Sze), 11.24
ha jól értem a problémád, akkor ez ki lett tárgyalva rendesen.
3

nem,

EL Tebe · 2009. Ápr. 22. (Sze), 11.56
Itt egy "kicsit" más a helyzet:

A body-nak megadott kép y irányban ismétlődik teljesen a lap aljáig.
A következő lépésben: a body tag-ről leszedtem a háttérképet és elkészült egy a teljes tartalmat magába foglaló div:
  1. #szazas{  
  2.     min-width:850px;  
  3.     text-align:center;  
  4.     margin:0px;  
  5.     padding:0px;  
  6.     background-image:url(../kepek/hatterek/fulltartalom.jpg);  
  7.     background-repeat:repeat;  
  8.     background-position:top center;  
  9. }  
Itt már nem produkálja a háttér-elcsúszós hibát, csakhogy ez a div addig ismétli a hátteret lefelé, amíg a tartalom tart.
Tehát: ott végeszakad a bulinak, ha nagy felbontásban, a lapnak alacsony magassága van.

Van 1 fél-megoldásom:
1: a body-n is meghagyom a háttérképet és a weblapnak amúgy megfelelő felbontáson jól is néz ki. De ennek hátránya, ha a túl kicsi az oldal, akkor kis felbontáson is látszani fog az elcsúszás (ami már a body és a tartalmazó div között vagyon).

Huhh.. Remélem, érthetően ítam le :)
5

link?

gex · 2009. Ápr. 22. (Sze), 12.26
Huhh.. Remélem, érthetően ítam le :)
számomra nem. :) egy link sokat segítene.
6

linket nem tudok, de...

EL Tebe · 2009. Ápr. 22. (Sze), 13.39
html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu">  
  3.   <head>[..]</head>  
  4.     <body>  
  5.        <div id="fullcont">  
  6.           <div id="container">[..]</div>  
  7.        </div>  
  8.     </body>  
  9. </html>  
css:
  1. body{  
  2.     background-image:url(body.jpg);  
  3.     background-repeat:repeat;  
  4.     background-position:top center;  
  5. }  
  6. #fullcont{  
  7.     min-width:850px;  /*ez után már ok a háttér görgetéskor*/  
  8.     text-align:center;  
  9.     margin:0px;  
  10.     background-image:url(fulltartalom.jpg);  
  11.     background-repeat:repeat-y;  
  12.     background-position:top center;  
  13. }  
  14. #container{  
  15.     position: relative;  
  16.     width:850px;  
  17.     margin:0px auto;  
  18. }  
Végülis megoldottam a képek átszervezésével és a fullcont teljes szélességű blokk bevezetésével, aminek minimális magassága van.

Köszi a linket :)
4

még azt tudom elképzelni, hogy..

EL Tebe · 2009. Ápr. 22. (Sze), 12.03
..kicsit módosítok a megjelenítésen: a lábléc grafikailag lezárja a középső oszlopot,
majd a body-hoz olyan képet csinálok, amit lehet mozaikként berakni (x és y irányba is), tehát nem tartalmazza a középső div hátterét, csak a két oldalsó részt, amit x és y irányban is ismétlek.
Elvileg kilőve a magasság probléma is, de ez a megoldás persze csak akkor működik, ha a body-ban belőhető mozaik-szerűen a háttér..

Noh megyek, kipróbálom :)