Teen kotisivujani Dreamweaverilla. Taustana on yksi suuri kuva ja sen päällä pieniä kuvia sekä tekstiä. Olen tehnyt kaikki taustaa myöten layereinä kohdistuksen takia (yritin laitta taustan tableen, mutta sen jälkeen eri näytöillä kohdistukset menivät miten sattuu). Saako tuollaista layerihötäkkää mitenkään keskitettyä? nyt sivut ovat niin, että vasemmassa reunassa on jotain 100 pikseliä tyhjää, ettei se olisi niin vasemmassa reunassa. Nyt pienemmillä näytöillä tulee leveyssuunnassa hissi ja suuremmilla näytöillä oikeaan reunaan jää melkoisesti tyhjää.Koko sivuston leveys on 700 pikseliä. Toivottavasti joku sai selvää. Pitäis päästä huitomaan että osaisin selittää tarkemmin.
Yst. terv. Sami
Yst. terv. Sami
Vastaukset 2
Vanhimmat
Näin jos käyttää kunnollista html:ää (strict) sivuilla:
Keskitetty sivu
#sisalto {
width : 700px;
margin : auto;
}
Näin, jos käyttää looseri tai transitionaalihtml:ää:
Keskitetty sivu 2
body {
text-align : center; /* IE keskittää vain tällä mikäli dtd on muu kuin strict */
/* oikeasti tämän pitäisi keskittää vain inline-elementtien sisältö, ei lohkoelementtiä */
}
#sisalto {
text-align : left; /* tällä poistetaan keskitys, ettei koko sisältö keskity */
width : 700px;
margin : auto;
}
ole käsillä Dreamweaveria niin en osaa rautalangasta...
Sääntö kuitenkin on, että määrittele leveydet
pixelien sijasta prosentteina niin
ne venyvät ja supistuvat näytön mukana.
Ongelmaksi tosin saattaa muodostaa että eri
layereiden päällekkäin kohdistukset tietty
myös muuttuvat ja tietyillä resoluutioilla saattaa
näyttää hassulta.
Nettikuvan nätti näkyminen kaikenkokoisilla
näytöillä on tosi haastavaa; kompromisseja
täytyy sallia.