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:
#szazas{
	min-width:850px;
	text-align:center;
	margin:0px;
	padding:0px;
	background-image:url(../kepek/hatterek/fulltartalom.jpg);
	background-repeat:repeat;
	background-position:top center;
}
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:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu">
  <head>[..]</head>
    <body>
       <div id="fullcont">
          <div id="container">[..]</div>
       </div>
    </body>
</html>
css:

body{
	background-image:url(body.jpg);
	background-repeat:repeat;
	background-position:top center;
}
#fullcont{
	min-width:850px;  /*ez után már ok a háttér görgetéskor*/
	text-align:center;
	margin:0px;
	background-image:url(fulltartalom.jpg);
	background-repeat:repeat-y;
	background-position:top center;
}
#container{
	position: relative;
	width:850px;
	margin:0px auto;
}
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 :)