Minulla on sivulla xxxx joka on 600pix leveä ja on keskellä sivua, siinä on koko sivun sisältö.
Nyt haluaisin laittaa bannerit sivulle (kapeat mutta korkeat) jotka olisivat sivun oikealla reunalla. Mutta kuitenkin niin, että itse sivu pysyisi edelleen keskellä ikkunaa.
Eli jotenkin näin
{tyhjää tilaa 300} {sivu 600pix} {banneri 100pix} {tyhjä tilaa 200 pix}
Mutta tyhjän tilan pitäisi olla dynaaminen, jos käyttäjä päättää muutta ikkunan kokoa.
Ainoastaan sivun leveys (600pix) ja bannerin (100 pix) on tiedossa.
Miten tämä onnistuu?
Nyt haluaisin laittaa bannerit sivulle (kapeat mutta korkeat) jotka olisivat sivun oikealla reunalla. Mutta kuitenkin niin, että itse sivu pysyisi edelleen keskellä ikkunaa.
Eli jotenkin näin
{tyhjää tilaa 300} {sivu 600pix} {banneri 100pix} {tyhjä tilaa 200 pix}
Mutta tyhjän tilan pitäisi olla dynaaminen, jos käyttäjä päättää muutta ikkunan kokoa.
Ainoastaan sivun leveys (600pix) ja bannerin (100 pix) on tiedossa.
Miten tämä onnistuu?
Vastaukset 2
Vanhimmat
kun se vain saa. Ei siis ole mitään ongelmaa.
Kun pistä tyylillä 600px mainille ja 100px bannerille niin nuo laidat vievät aina kaiken lopun tilan. Kun niille ei määrittele mitään leveyttä, niin ne jakavat sen vaaa tilan ikkunan koosta riipumatta
600 pikseliä (kiinteänä leveytenä) on jo liikaa, joten älä enää rakenna lisää ongelmia ylimääräisellä leveilyllä.
Suunnittelemasi 1200 pikseliä on suorastaan tolkuton. Siitähän leikkautuu puolet pois tyypillisessä paperitulostuksessa.
Jos sinulla pitää olla oikealla banneri (siis jos siitä saatavat rahat _aikuisten oikeesti_ korvaavat sen haitan, joka siitä on), niin tee sivusta muuten mukautuvainen. Vaikka niin, että banneri on , joka on koodissa ekana ja jolle asetetaan float: right. Ja muu sitten on ilman mitään yritystä asettaa määrättyjä leveyksiä. Marginaaliksi riittää noin 1em vasemmalla ja oikealla. Tiukan paikan tullen pienempikin.