div background relativitása
Üdv
Egy php oldal formájának kialakítása közben ütköztem a következő problémába:
Az oldal DIV tagekből áll össze, melynek háttereibe a méretre vágott képek kerülnének.
1000px széles képeket készítettem hogy a notebook képernyőn (~1240px) is elég szép képet mutasson. De a probléma az 1000px-nél kisebb felbontáson mutatkozik, mivel az oldal nem fér el egy képernyőn, görgetősáv játszik be ami elég használhatatlan oldalt eredményez. Épp ezért a DIV-ek szélességét nem tudom megadni px-ben mert felbontásfüggőnek kell lennie, ezért %-ban adtam meg, de a background kép nem igazodik a DIV méretéhez, nem látszik a széle. Ami azért lenne fontos mert a hátterek szélükön lekerekítettek.
css megoldás érdekelne főképp (ha van)
Köszönöm a válaszokat.
Üdv Napster.
■ Egy php oldal formájának kialakítása közben ütköztem a következő problémába:
Az oldal DIV tagekből áll össze, melynek háttereibe a méretre vágott képek kerülnének.
1000px széles képeket készítettem hogy a notebook képernyőn (~1240px) is elég szép képet mutasson. De a probléma az 1000px-nél kisebb felbontáson mutatkozik, mivel az oldal nem fér el egy képernyőn, görgetősáv játszik be ami elég használhatatlan oldalt eredményez. Épp ezért a DIV-ek szélességét nem tudom megadni px-ben mert felbontásfüggőnek kell lennie, ezért %-ban adtam meg, de a background kép nem igazodik a DIV méretéhez, nem látszik a széle. Ami azért lenne fontos mert a hátterek szélükön lekerekítettek.
css megoldás érdekelne főképp (ha van)
Köszönöm a válaszokat.
Üdv Napster.
mutasd a képet
Mi a probláma?
az oldal
http://napster616.extra.hu/nwe/users/napster/index.html
A három kép:
page_top
page_center (repeat_y-al)
page_bottom
nézd meg 1024*768-ban pl.
szerk.: Úgyérted nincs rá mód hogy bármilyen felbontáson oldalt legyen két fekete sáv és középen a tartalom? Görgetősáv elkerülése nélkül?
Van megoldás
Amit lehet csinálni, hogy 3 képet csinálsz, vagy felrakod egy sprite-ra a képeket, egyik a bal, másik a jobb, harmadik pedig a középső darabja. A közepét ismételed vízszíntesen, a jobb / bal oldalt nem ismétled.
csak fix magasságra
minden irányban nyúlik? (1 képes megoldás mellékelve)
szerk: mindegy, közben megcsináltam egy képpel. van egy max-width a dobozon, így pl 1920x1200-as felbontáson se lesznek olvashatatlanul hosszúak a sorok, viszont ha kisebb a böngésző akkor elkezd összemenni a doboz.
függőlegesen is 1000px magasságig működik, mert egy 1000x1000px-es (2,5 kb) háttérkép van mögötte. ha ennél lesz magasabb tartalmad akkor nyújtsd meg a képet.
köszönöm
Poetro: neked szántam csak nem akartam újabb postot írni, a
alatt mit értesz?
CSS Image Sprite
Azaz a sarkokat, oldalakat felrakod egy sprite-ra és CSSel betrükközöd a megfelelő helyre.
aham
Minden jót!