ugrás a tartalomhoz

Felül, alul, bal- és jobb oldalt ismétlődő háttér...

Anonymous · 2006. Már. 15. (Sze), 15.00
Üdv!

Éppen most csinálok egy oldalt ami nagyjából úgy néz ki, hogy
a tetején van egy div szakasz amiben van egy két egy menü meg egy ismétlödő háttér.
A legalján van még1 div szakasz amiben megintcsak imsétlődik a háttér és alatta van még egy div szakasz amiben a szerzőijogok vannak.

Nos ez eddig mind szép és jó ugyebár van felül és alul is kép (monjduk kerete az oldalnak), na de úgynézne ki jól ha bal és jobb oldalt is lenne egy y-tengelyen ismétlödö háttér ami olyan hosszú,
mint az oldal tartalma és akkor az oldalsó és az alsó-felső keretek összeérnek.

Na de ezt nem tudom megoldani így próbálkoztam:

<div class="tartalam">
ugyebár ide jöne a tartalom
és amenyi tartalom itt vanh olyan hosszú lesz az oldalsó hátterek
</div>

és így néz ki a css fájlom:

.tartalom {
background: url(../left.jpg) repeat-y;
padding-left: 70px;
} 
és akkro ez eddig jó mert bal oldalt anyiszor ismétlödik a háttér amilyen hosszú a tartalom,
de jobb oldalra hogy csinálom meg ugyanígy?

próbáltam úgyis h:
<div class="bal">
</div>
<div class="jobb">
</div>

css:

.bal {
background: url(../left.jpg) repeat-y;
position: absolute;
left: 0;
width: 48px;
}

.jobb {
background: url(../right.jpg) repeat-y;
position: absolute;
right: 0;
width: 35px;
}
de ez így sajnos nem olyan hosszú mint a tartalom esetleg padding-bottom-al tudom növelni,
de ugye a tartalom mindig váltzoik tehát ezsem megoldás.

Mit javasoltok, mit tegyek?

Előre is köszönöm
Üdvözlettel: Attila
 
1

alistapart.com

kempelen · 2006. Már. 16. (Cs), 00.56
csak egy gyors javaslat, nem tudom be jön e :-)

<div class="jobbhatter">
<div class="balhatter">
<div class="jobbcontent">
szoveges reszek right floatos
</div>
<div class="balcontent">
szoveges reszek left floatos
</div>
<div style="clear: both; height: 0">
</div>
</div>

faux-column hátterek:

.jobbhatter
{
repeatos gif, jobb-top align;
}
.balhatter
{
repeatos gif, bal-top align;
}

absolute pozicionálni semmit sem szoktam, az egymás mellé kerülő dolgokat float left-right, margók és "negative margins alistapart.com alapján" beállításokkal, clear-bothos kihúzó div, és utána biztos, hogy a két külső div olyan magas lesz, mint a benti kettőből a hosszabb. Alá jöhet a footered.

A bal-jobb háttereded rosszul fogja elvágni az alsó "háttér", ott mindig törésvonal lesz. Persze lehet olyan a grafika, hogy ez a cél vagy nem zavaró.

Üdv,
Lion
2

kössz...

Anonymous · 2006. Már. 16. (Cs), 22.17
kösszike, de sajnos nem jött be....

Esetleg valaki más javaslat?
3

kicsit komplikált

krey · 2006. Már. 17. (P), 00.52
Nem vagyok benne biztos, hogy megértettem, hogy mire gondolsz, azért megpróbálok segíteni. Mindenesetre annyit még mondanék, hogy meg kell tanulni jól kérdezni, nekem se mindig sikerül, tehát mondjuk a te esetedben, adni egy linket a honlapra amiről beszélsz vagy egy fotót arról, hogy a div-eknek, hogy kéne elrendeződni. Vagy akár ide rajzolni, szerintem én is azt fogok, mert lusta vagyok.
Nekem úgy jött le, hogy van egy div-ed és szeretnél köré egy keretet, mindezt css-ben:

------------------
------------------
|  |          |  |
|  |   ez a   |  |
|  | tartalom |  |
|  |          |  |
------------------
------------------

A tartalom div a szöveg hosszától függően nyúlik függőlegesen ugye.
Te pedig azt szeretnéd, hogy a két szélső (bal és jobb) div olyan hosszúra nyúljon, mint a középső?
Ha igen, akkor gondban vagy, mert a divek nem "érzik" egymás hosszát.
Én inkább táblázattal oldanám meg, vagy egy olyan háttérrel, ami függőlegesen ismétlődik, és a két szélén más minta van (ahol a bal és jobb divek lennének)
Ha nem erre gondolsz akkor írd le légysz érthetőbben, hogy még a gyengébbek is megértsék.

Egyébként bocsi mindenkitől aki felolvasó programot használ (a rajz miatt)

krey
4

Fix szeles tartalom?

Jano · 2006. Már. 17. (P), 12.16
Ha fix szeles a tartalom akkor egyetlen hatterkep eleg, ami nagyon szeles, hogy pl 1600-as felbontsau monitornal se ismetlodjon, ennek a kozepen a tartalomnak megfelelo hatter(szin) van, bal es jobb oldalt pedig a kivant hatter.

Ha nem fix szeles a tartalom, akkor 2 egymasba agyazott divet hasznalhatsz, egyiknek az egyik oldali, masiknak a masik oldali hatterer megadva.
5

...

Anonymous · 2006. Már. 18. (Szo), 00.50
Nos hát kb. olyan az oldal mint amit krey rajzolt vagyis olyan kéne...

Nos végülis hasonló kéne mint a drupalon, ugyebár ott is bal és jobb oldalt szokott lenne egy csik ami a menü és az a csik olyan hosszú mint a tartalom, nos itt a csik helyett bal és jobb oldalt egy imsétlödő (y-tenegyel) háttér lenne, ami különböző bal és jobb oldalt.

vagy szerintetek hagyjam az egészet és csak legyen felül meg alul csak a kép?

Mert ha betudnám tedni azt a 2 hátteret még akkor igen jól nézne ki.

Ja és kossz, az eddigi válaszokat.