tuossa on uuden sivun ulkoasu www.ralfahlskog.fi/testi/ref05.html
huomasin kuitenkin pahaksi onneksi että tuo kuva menee divin yli pienillä resoilla, itsellä käytössä 1650x1050. Miten ratkaisen ongelman että kuva ei mene divin yli ja muutenkin kommenttia saa antaa. Koodissa luultavasti on virheitä
huomasin kuitenkin pahaksi onneksi että tuo kuva menee divin yli pienillä resoilla, itsellä käytössä 1650x1050. Miten ratkaisen ongelman että kuva ei mene divin yli ja muutenkin kommenttia saa antaa. Koodissa luultavasti on virheitä
Vastaukset 5
Vanhimmat
laitappa vaikka kuvan leveydeksi -> width="90%"
Tällöin kuvan leveys on 0.9 * divin leveys..
#content:n leveys kannattaa laittaa kiinteäksi, jolloin sisältöosio ei pienene näytön resoluution vaihtuessa.
Koko sivu myös kapenee resoluution vaihtuessa koska #page elementin koko on määritelty 70% sivun leveydestä, joten senkin voi määritellä kiinteäksi.
Eli miten koodia kannattaisi muuttaa ? Jos otan vain kylmästi pois tuon content leveyden joka on 70%, navigointipalkki ja main osio menee tietenkin kiinni sivun reunoihin mikä näyttää hieman tyhmältä. Se olisikin varmasti järkevämpää pitää sivu kiinteänä, mutta miten voin korjata tuon venymisen niin että sivun ulkoasu pysyisi samana. Koodi on puoliksi omaani ja puoliksi valmista joten en tiedä miten korjata sitä :S
Mulla on sama ongelma, kuvat siirtyvät sivupohjan ulkopuolelle, kun muuttaa selaimen kokoa.
KUVAN PITÄISI PYSYÄ TÄLLAISENA:
http://img136.imageshack.us/my.php?image=sivukuva1of4.png
MUTTA SE MUUTTUU TÄLLAISEKSI, KUN MUUTTAA SELAIMEN KOKOA:
http://img100.imageshack.us/my.php?image=sivukuva2at0.png
Mitä koodia pitäisi muuttaa ja miten?
unoda kaikki fluid tyylit, niiden käytössä ei ole juurikaan mitään järkiperäistä syytä. Vielä tänäkin päivänä paras reso eli se 760 on se käyttökelpoisin,järkevin ja sopii kaikille :) eli jos käytät valmista css layouttia niin käytä aina fixet :)