Felül, alul, bal- és jobb oldalt ismétlődő háttér...
Ü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:é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: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
■ É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;
}
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 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
alistapart.com
<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
kössz...
Esetleg valaki más javaslat?
kicsit komplikált
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
Fix szeles tartalom?
Ha nem fix szeles a tartalom, akkor 2 egymasba agyazott divet hasznalhatsz, egyiknek az egyik oldali, masiknak a masik oldali hatterer megadva.
...
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.