Olen yrittänyt laittaa sivupohjaani kaksi palstaa näin:
.vas {float:left; width:320px;}
.oik {float:right; width:320px;}
Sitten kutsuin noita sivupohjassani jne... Mutta se sisältöloota sitten ei tykännyt ja vaihtoi paikkaa. Eli tässä sivupohja johonka palstoja haluan http://www.pikku-ukko.net/sample/roope.php Nyt tuo on jaettu khteen osaan taulukolla (josta haluan päästä eroon).
Olen erittäin kiitollinen avusta ja neuvosta tai vinkistä.
.vas {float:left; width:320px;}
.oik {float:right; width:320px;}
Sitten kutsuin noita sivupohjassani jne... Mutta se sisältöloota sitten ei tykännyt ja vaihtoi paikkaa. Eli tässä sivupohja johonka palstoja haluan http://www.pikku-ukko.net/sample/roope.php Nyt tuo on jaettu khteen osaan taulukolla (josta haluan päästä eroon).
Olen erittäin kiitollinen avusta ja neuvosta tai vinkistä.
Vastaukset 11
Vanhimmat
Kannattaa laittaa se ongelmallinen sivupohja esille. Tuosta nykyisestä ei ole pahemmin apua uuden ongelmia ratkottaessa.
Kertomatta jäi ongelmia aiheuttanut selain ja asetetaanko selain käyttämään yhteensoivuus- (quirks) vai standarditilaa. Nämä kaksi asiaa vaikuttavat ratkaisevasti WinIEn (v6) tapaan laskea CSS:n laatikkomalli (css box model = width padding border margin).
No ei se kovin iso vika ole, mutta se alaosan linkki juttu siirtyy väärään paikkaan.
Tässä malli: http://www.pikku-ukko.net/sample/roope2.php
Samalta mäyttää IE6, Opera7.23, Mozilla1.7.3 ja Firefox1.0. Tai siis se linkkiosa pomppaa väärään paikkaan.
"Kertomatta jäi ongelmia aiheuttanut selain ja asetetaanko selain käyttämään yhteensoivuus- (quirks) vai standarditilaa."
- Tää menee vähän yli tajunnan;)
*- Tää menee vähän yli tajunnan;)*
Siis sivun doctypellä on suuri vaikutus miten sivu näkyy jos käytetään ulkoasun määrityksessä css, katsoppas http://www.hut.fi/u/hsivonen/doctype siitä selviää miten selain toimii minkäkin doctypen kanssa. Tää on näitä css hienouksia ;)))
"No ei se kovin iso vika ole, mutta se alaosan linkki juttu siirtyy väärään paikkaan."
Ihan ensimmäisenä kannattaa korjata selvät merkkausvirheet sieltä, koska osa selaimista saattaa hylätä viallisen merkkauksen (käytät strict DTD:tä). Samoin ne linkkilistat kannattaa myös merkata listoiksi (ul) ja asettaa ne div.vasemman sisään.
Div.tasaajalla ei tee mitään. Aseta sille reunaviiva, niin huomaat mitä tarkoitan (karkailevat floatit-ilmiö). Ratkaisu on asettaa myös sille float: right/left;.
CSS-ongelmien kanssa tapellessa kannattaa usein kokeilla diveille asetettavaa reunaviivaa (border: 1px solid #f00; joko kaikille tai vain tiety[i]lle). Sen avulla näkee nopeasti päällekkäisyydet.
Korjailinkin jo. Nyt näyttää tältä: http://www.pikku-ukko.net/sample/roope2.php
En kylläkään ymmärtänyt mikä tossa on ongelmana, kokeilin ja hyvin näytti toimivan Firefoxis ja IE:ssä, ainoo minkä huomasin paikkaa vaihtavan on toi css/sivukartta juttu, ilmeisesti tarkoittamasi?
Sen saa pysymään paikoillaan, kun divität vas ja oik divin. Siis tähän sitten vasen ja oikea div Tällöin se loota ilmestyy pisimmän divin jälkeen.
http://www.mezzoblue.com/css/cribsheet/
Tuolta löytyikin heti hyvä juttu:)
.clear { clear:both; line-height:0;}
Siis tuo
Laittaa ne alaosan linkit oikeaan paikkaan. Mutta IE6 tulee outoa liikkumista siinä alaosassa. Mitenkä sen saa pois?
En saa sitten millään konstilla noita palstoja ja alaosaa menemään kunnolla.
Onko joku muu konsti kun tuo minun kokeilemani?
Siis olen testaillut että laitan ne palstat yhden kelluvan lootan sisään, niin sitten se alaosa on eri selaimilla ihan erilainen, osa jättää tyhjän rivin alimman ja toiseksialimman väliin osa ei jätä.
Olen yrittänyt etsiä ratkaisua monilta sivuilta, mutta kun tuo englanti ei ole kovin hyvä...
Oilisiko joku hyvä aiheeseen liittyvä kirja suomeksi?
Apu löytyikin yhdestä rivinvaihdosta. Ei enän liiku IE:ssä mutta Mozilla ja firefox tekee alas vähän isomman tyhjän tilan...
Nyt on kaikki hyvin:)