Olen tehnyt Dreamweaverilla sivuston, jossa on kolme sivupohjaa. Sivupohjat ovat muuten samanlevyisiä (743 px), mutta yksi sivupohja on yhden pixelin muita leveämpi (744 px). (Syytä en tiedä, mutta sivun leveyttä vain ei pysty muuttamaan.) No, sen ei kai pitäisi paljoakaan vaikuttaa tähän ongelmaani:
Eli olen keskittänyt sivut, niin että ne näkyvät selainikkunan keskellä. Eri sivupohjilla (ja jopa samalla sivupohjalla) tehdyt sivut kuitenkin "hyppäävät" hieman oikealle tai vasemmalle kun sivulta siirrytään toiselle. Mistäköhän tämä mahtaisi johtua? Kaikki cellpaddingit, cellspacet ja borderit olen laittanut nollaksi.
Eli olen keskittänyt sivut, niin että ne näkyvät selainikkunan keskellä. Eri sivupohjilla (ja jopa samalla sivupohjalla) tehdyt sivut kuitenkin "hyppäävät" hieman oikealle tai vasemmalle kun sivulta siirrytään toiselle. Mistäköhän tämä mahtaisi johtua? Kaikki cellpaddingit, cellspacet ja borderit olen laittanut nollaksi.
Vastaukset 13
Vanhimmat
Hmm..vierityspalkista johtuvaa..?
Onko osa sivuista niin pitkiä että vierytyspalkki ilmestyy oikeaan laitaan ja osa sellaisia jotka mahtuu kokonaan näyttöön?
"Onko osa sivuista niin pitkiä että vierytyspalkki ilmestyy oikeaan laitaan ja osa sellaisia jotka mahtuu kokonaan näyttöön?"
No tuohan se näyttäisi olevan... tuota ei taida saada millään keinolla korjattua paitsi, jos tekee kaikista sivuista joko ylipitkiä tai lyhyitä...
No, mutta kiitos ratkaisusta! Enpä enää taistele turhaa tuon asian kimpussa :)
hyppiminen surffaajan huoleksi, IE ei sitä tee kun se varaa palkin tilan vaikka sitä ei tarvittaisikaan, muut selaimet tekee toisin ja niillä sivut hyppii..!!
Niin tosiaan hyppii muilla selaimilla paljon enemmän kun IE:llä. IE:llä ei hypi kun parin pixelin verran. Ärsyttää, mutta ei kai sille sitten mitään voi.. :)
Tää menee tosin vähän kikkailuksi.. mutta näyttäis toimivan ainakin Operassa ja Firefoxissa.
html:ään jonnekin päin tällanen turha elementti:
ja css:ään sille määritys:
#pad {height: 101%;}
Nythän tuota diviä ei oo oikeestaan missään mutta se on silti korkeampi kuin koko sivu, joten se pakottaa pystyvierityspalkin sivulle.
Ehkä se kannattaa kuitenkin laittaa ihan loppuun, juuri ennen bodyn sulkemista ja korjata css tällaiseksi:
#pad {
position: absolute;
top: 0px;
height: 101%;
}
ja tietenkin tätä kirjoittaessani tulin ajatelleeksi paljon yksinkertaisempaa konstia. Eli pois tuollaiset kikkailut ja yksinkertaisesti näin:
body {height: 101%;}
Huomasin juuri, että ei se johdukkaan siitä vierityspalkista, koska sittenkin osalta lyhyiltä sivuilta siirryttäessä pitkille, sivu hypähtää. (ja esikatselen siis IE:llä) Eli sillä ei näyttäisi olevan vaikutusta onko sivu lyhyt vai pitkä. Ja tuo koodi: body {height: 101%;} ei auttanut asiaa :( Nyt on neuvot vähissä.. ja pinna kireellä :)
..niissä sivupohjissa jotain häikkää.
Mitä häikkää, sitä ei pysty koodia näkemättä sanomaan.
Tuo bodyn korkeuden asettaminen auttaa vain siihen vierityspalkkiongelmaan..
No jos joku koodi-guru viitsii ja haluaa, niin löytyykö näistä koodeista jotain mikä voisi aiheuttaa tuon hyppäämisen? Itse en siis todellakaan paljoa ymmärrä tuosta, joten koodikin voi sitten olla sen mukaista :)
tässä ensimmäisen sivupohjan koodi kokonaisuudessaan:
Untitled Document
ja toisen sivupohjan koodi:
Untitled Document
kolmatta en enää viitsi laittaa, kun se on samanlevyinen kuin tuo kakkossivupohja ja eiköhän se vika jo näistä selviä jos on selvitäkseen. (en kuvittele, että joku jaksaa selata koko koodin läpi, mutta jos joku haluaa auttaa pulassa olevaa...)
Taulukot on erilaisia, ensimmäisessä taulukossa on "palkki.gif" oikealla puolella ylimääräinen kolumni, se pakottaa sivut leventymään...?
Tuosta on aika vaikea sanoa kun ei ole sisältöä näkyvissä, mutta laita border="1" tableen niin näet minne ilmestyy "tyhjää"..=)
Tuota koodia voi tosiaan sanoa purkaksi.
eli vika olikin sellainen, että joittenkin oikeanpuolisten solujen leveys oli muuttunut pixeliä kapeammaksi kuin alunperin olin ne laittanut... ja kiitos Ridgelle vinkistä, se ylimääräinen solu oli varmaan osasyy tuohon hyppelyyn.