Tämä on varmasti melko yksinkertainen ongelma.. ja siihen yksinkertainen vastaus... itse en vain saa sitä toimimaan. Sivusto tällähetkellä keskeneräisyydessään näyttää tältä:
http://koti.mbnet.fi/huba020/css_photolog/
ongelmana nyt on tuo navigointi sarake... mikä ei tiedä paikkaansa... en yksinkertaisesti saa sitä oikeaan laitaan tuolle valkealle alueelle ylhäällä.
Tässä kuva miltä haluaisin laatikoiden asettelun siis näyttävän... mutta en vain saa niitä oikeisiin paikkoihin:
http://koti.mbnet.fi/huba020/css_photolog/css_thingie.jpg
Ongelmaa ei varmasti olisi jos saisin määriteltyä jokaiselle "position: absolute" mutta se ei onnistu koska haluan sivuston olevan keskitetty.
Ja sitten... kuten tuosta kuvasta ja koodista siellä huomaatte varmastikkin.. yritän siis saada kaikkia muita div:ejä olemaan #frame divin sisällä... onko tämä oikea tapa hoitaa tämä asia.. jos ei niin mikä muu ratkaisu voisi olla kyseessä?
Kiitoksia näin etukäteen.
http://koti.mbnet.fi/huba020/css_photolog/
ongelmana nyt on tuo navigointi sarake... mikä ei tiedä paikkaansa... en yksinkertaisesti saa sitä oikeaan laitaan tuolle valkealle alueelle ylhäällä.
Tässä kuva miltä haluaisin laatikoiden asettelun siis näyttävän... mutta en vain saa niitä oikeisiin paikkoihin:
http://koti.mbnet.fi/huba020/css_photolog/css_thingie.jpg
Ongelmaa ei varmasti olisi jos saisin määriteltyä jokaiselle "position: absolute" mutta se ei onnistu koska haluan sivuston olevan keskitetty.
Ja sitten... kuten tuosta kuvasta ja koodista siellä huomaatte varmastikkin.. yritän siis saada kaikkia muita div:ejä olemaan #frame divin sisällä... onko tämä oikea tapa hoitaa tämä asia.. jos ei niin mikä muu ratkaisu voisi olla kyseessä?
Kiitoksia näin etukäteen.
Vastaukset 5
Vanhimmat
*Ongelmaa ei varmasti olisi jos saisin määriteltyä jokaiselle "position: absolute" mutta se ei onnistu koska haluan sivuston olevan keskitetty.*
Miten niin ei?
Määritä eka position: relative ja sen sisälle oleville elementeille position: absolute, näin asemointi kohta lasketaan position: relative elementistä, joka voi olla keskitetty jne....
Ilman tota position: relative elementtiä asemointi lasketaan selaimen ikkunasta, jolloin keskittäminen jne... ei onnistu.
Nerokasta, loistavaa, kiitos!
Ylistänkö lisää? :D
totta tosiaan.. tuollahan tuon sain toimimaan... melkoisen loistavaa... kiitoksia.
css layouttien puolestapuhujat nyt, monta kysymystä jo peräkkäin ja ketään ei osaa vastata, kummasti henkselit paukkuu kun "vanhoja" keinoja käyttää.."nykyään layout tehdään css:llä"..heh..
Turhaa toimintaa mikä ei johda kuin itsensä rääkkäämisen sen takia et on hienoa kun on modermit sivut, pah... näyttäkää yksikin css:llä tehty sivu joko vastaa sliced image tablea joka pysyy koossa eri selaimilla, mitään Zen cardeneja on turha mainita, ne ei sitä vastaa!
Lähinnä siksi, että tässäkin kyseisessä tapauksessa koodi pitäisi laittaa kokonaan uusiksi selkeyden vuoksi. Kyse ei kuitenkaan ole elitismistä tai ylimielisyydestä vaan laiskuudesta. Itse en vain jaksa käyttää edes vaadittavaa puolta tuntia tuon uudelleenkirjoittamiseen.
Lisäksi valmiiksikirjoittaminen ei palvele ketään. Opettelemalla ja tutustumalla itse käytettäviin tekniikoihin palvelee pitkässä juoksussa paremmin.
http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/
Periaatteessahan kyseessä on kaksipalstainen perusasettelu. Ei vaadi edes absoluuttista positiointia.
http://www.maxdesign.com.au/presentation/page_layouts/index.cfm