Tässä asiassa olen niin hukassa, että en edes tiedä onko ongelma mahdollisesti CSS:ssä, selaimeni asennuksessa vai missä, mutta kokeillaan josko asia olisi jollekin muulle tuttu.
Kyseessä edelleen suklaayhdistyksen sivut ja nyt tarkemmin sanottuna suklaalevyraati, ja vielä tarkemmin esimerkiksi sivu http://www.suklaayhdistys.com/testit.php?cat=21#21 jossa Cloetta Fazerin tuotteita on varsin monta (68).
Kun avaan em. linkin FF:lla, kaikki on hyvin, kuten kuvasta http://www.suklaayhdistys.com/kuvat06/_firefox.jpg näkyy. Huomaa Punaiset viivat yläosassa, jotka ovat merkityksellisiä.
Kun sen sijaan avaan saman linkin IE:llä, se näyttääkin ihan väärältä, eri tältä: http://www.suklaayhdistys.com/kuvat06/_ie.jpg
Sivuston ulkoreunan pitäisi olla molemmissa tapauksessa punaisten viivojen kohdalla, mutta näin ei IE:n kanssa ole ENNEN KUIN vien hiiren jonkin vaalealla pohjalla olevan linkin päälle (esim fazermakeiset.fi). Tuolloin sivu kapenee oikeaan leveyteensä hetkessä.
Tämä ongelma esiintyy ainoastaan tällaisten valmistajien listauksissa, joissa on paljon tuotteita (Fazer, Lindt...) mutta ei pienemmillä listauksilla (esim. valmistajaluettelon 5 ensimmäisellä).
Onko aavistustakaan mistä on kyse?
Edelleen FF:n ja IE:n eroista
7
682
Vastaukset
- Macmää
Palautetta IE:n CSS toteutuksesta kannattaa lähettää Microsoftille. Tulihan IE:iin jopa "tabit" kun ominaisuutta oli aasiakkaat tarpeeksi pyytäneet.
No niin. Ongelmien syitä ja mahdollisesti ratkaisjakin voi löytää vaikka täältä: http://www.positioniseverything.net/explorer.html
Joka tapauksessa, IE:lle oma CSS. - Ridge
Koodista löytyy piilotettuja tablen tageja kahdesta kohtaa, leipätekstin ylhäältä ja alhaalta..???
Css:stä td pois, ota class="leipateksti" pois koodista ja eka tablen alku mikä on piilotettu niin laita siihen cellpaddingia niin toimii molemmilla selaimilla..- SuklaaJarkko
http://www.suklaayhdistys.com/testit_koe.php?cat=21#21 käyttää nyt erillistä css-tiedostoa tämän kokeilun ajan...
Varsinainen ongelma poistui, mutta uusi ongelma (kaksikin) ilmestyi. Molemmilla selaimilla meni nyt fonttimääritykset sekaisin ja lisäksi kaikki sisältö on liian lähellä vasenta reunaa....
Väärä sijainti johtunee siitä että leipäteksti-luokassa olleet
padding-bottom : 20px;
padding-left : 30px;
padding-right : 20px;
padding-top : 20px;
ovat nyt poistuneet (eivät käytössä). TD:n poisto CSS:stä poisti fonttimääritykset:
color: Black;
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:12px;
background-color : #E7DAC6;
Menipäs tämä nyt hankalaksi, mihin minä nuo osaan nyt lisätä? - Ridge
SuklaaJarkko kirjoitti:
http://www.suklaayhdistys.com/testit_koe.php?cat=21#21 käyttää nyt erillistä css-tiedostoa tämän kokeilun ajan...
Varsinainen ongelma poistui, mutta uusi ongelma (kaksikin) ilmestyi. Molemmilla selaimilla meni nyt fonttimääritykset sekaisin ja lisäksi kaikki sisältö on liian lähellä vasenta reunaa....
Väärä sijainti johtunee siitä että leipäteksti-luokassa olleet
padding-bottom : 20px;
padding-left : 30px;
padding-right : 20px;
padding-top : 20px;
ovat nyt poistuneet (eivät käytössä). TD:n poisto CSS:stä poisti fonttimääritykset:
color: Black;
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:12px;
background-color : #E7DAC6;
Menipäs tämä nyt hankalaksi, mihin minä nuo osaan nyt lisätä?Menipä tää hankalaksi, selvempi ja validi koodi olisi helpompi muokata, taidat vielä käyttää jotain editoria joka sotkee vielä lisää..
Koodissa on vieläkin niitä piilotettuja tageja samassa kahdessa kohtaa, mutta kokeile näin:
-->CLOETTA
FAZER
Eli tuo cellpadding, pari id:tä ja table näkyviin on ne mitkä muuttuu, css on näin:
#leipateksti {
color: Black;
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:12px;
background-color : #E7DAC6;
}
#td_bg {
background-color : #E7DAC6;
} - SuklaaJarkko
Ridge kirjoitti:
Menipä tää hankalaksi, selvempi ja validi koodi olisi helpompi muokata, taidat vielä käyttää jotain editoria joka sotkee vielä lisää..
Koodissa on vieläkin niitä piilotettuja tageja samassa kahdessa kohtaa, mutta kokeile näin:
-->CLOETTA
FAZER
Eli tuo cellpadding, pari id:tä ja table näkyviin on ne mitkä muuttuu, css on näin:
#leipateksti {
color: Black;
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:12px;
background-color : #E7DAC6;
}
#td_bg {
background-color : #E7DAC6;
}Uusin versioviritys osotitteessa http://www.suklaayhdistys.com/testit_koe2.php?cat=21#21
Nyt se padding-osuus meni hyvin eikä teksti enää ala vaalean alueen vasemmasta reunasta. Nyt siis on muuten hyvä, mutta tuon leipätekstin lisääminen aiheuttaa päänvaivaa. Tuo id="leipateksti" pitää käsittääkseni lisätä kolmeen kohtaan, jotta kaikki näkyy oikealla fontilla
CLOETTA FAZER
Alkuperämaa: Suomi, Ruotsi
Tuohon table-riville kun sen lisää, osa yläreunan tiedoista (maahantuoja, alkuperämaa, nettiosote ja viereiset numeeroset arvot) näkyvät ok, ja kaikki on vielä hyvin IE:lläkin katsottaessa. Tässä tilanteessa ollaan nyt ja tuo näkyy yllämainitussa osoitteessa.
Tässä vaiheessa alkaa tökkimään. Kun yritän saada ensimmäisenä olevan valmistajan nimen ja tuotelistauksen samaan tyyliin, niin heti alkaa IE oikkuilemaan turhankin tutulla tavalla. Mihinkähän kohtaan minun pitäisi tuo id="leipateksti" niille merkata, että homma pysyy kasassa? - Ridge
SuklaaJarkko kirjoitti:
Uusin versioviritys osotitteessa http://www.suklaayhdistys.com/testit_koe2.php?cat=21#21
Nyt se padding-osuus meni hyvin eikä teksti enää ala vaalean alueen vasemmasta reunasta. Nyt siis on muuten hyvä, mutta tuon leipätekstin lisääminen aiheuttaa päänvaivaa. Tuo id="leipateksti" pitää käsittääkseni lisätä kolmeen kohtaan, jotta kaikki näkyy oikealla fontilla
CLOETTA FAZER
Alkuperämaa: Suomi, Ruotsi
Tuohon table-riville kun sen lisää, osa yläreunan tiedoista (maahantuoja, alkuperämaa, nettiosote ja viereiset numeeroset arvot) näkyvät ok, ja kaikki on vielä hyvin IE:lläkin katsottaessa. Tässä tilanteessa ollaan nyt ja tuo näkyy yllämainitussa osoitteessa.
Tässä vaiheessa alkaa tökkimään. Kun yritän saada ensimmäisenä olevan valmistajan nimen ja tuotelistauksen samaan tyyliin, niin heti alkaa IE oikkuilemaan turhankin tutulla tavalla. Mihinkähän kohtaan minun pitäisi tuo id="leipateksti" niille merkata, että homma pysyy kasassa?Mihis ne hermot loppuisi, ei tämä mun päänvaiva ole..=)
Ei sillä pitäisi olla väliä onko niitä arvosteluja viisi tai enemmän, jos kaikki on samalla tyylillä tehnyt niin pitäisi näkyä sanoin, alkaa tuntumaan siltä että sun kannattaisi alkaa etsimään sitä vikaa tuosta leipätekstiosasta koska muut arvostelut näkyy ok, joku siellä on erilailla tässä arvostelussa ja sotkee selaimen..!!
Doctypen vaihto olisi kanssa aika ok, laittaisi bodyyn kaikki fontti määritykset ja koot, mutta nyt mennään kai näillä kun sulla tuota sivujen täytettä näyttää olevan aika paljon..=) - SuklaaJarkko
Ridge kirjoitti:
Mihis ne hermot loppuisi, ei tämä mun päänvaiva ole..=)
Ei sillä pitäisi olla väliä onko niitä arvosteluja viisi tai enemmän, jos kaikki on samalla tyylillä tehnyt niin pitäisi näkyä sanoin, alkaa tuntumaan siltä että sun kannattaisi alkaa etsimään sitä vikaa tuosta leipätekstiosasta koska muut arvostelut näkyy ok, joku siellä on erilailla tässä arvostelussa ja sotkee selaimen..!!
Doctypen vaihto olisi kanssa aika ok, laittaisi bodyyn kaikki fontti määritykset ja koot, mutta nyt mennään kai näillä kun sulla tuota sivujen täytettä näyttää olevan aika paljon..=)Tosiaankin luulisi kaiken olevan samalla tavalla, koska kaikki valmistajat ja tuotetiedot on mysql-kannassa ja sivu tekee sieltä haut php:llä. Sivulla ei siis lue staattisesti CLOETTA FAZER (tai muutakaan nimeä) missään, vaan siellä on php:tä joka hakee tiedon kannasta. Leipätekstiosio on siis täsmälleen sama kaikilla valmistajilla ja tuotteilla, mutta vain ne valmistajat, joilta on pajon tuotteita, aiheuttavat päänvaivaa. Liekö siis kuitenkin vaan vika siinä, että IE ei jostakin syystä osaa ladata sivua loppuun ennen kun vie hiiren jonkun linkin päälle... mene ja tiedä, minä en tuohon ratkaisua keksi.
Pitää vielä tutkailla tuota, josko jotakin keksisi. Kiitos paljon vinkeistä!
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Nasima löi Jussille luun kurkkuun
Nasima kertoi ettei Jussi sovi puhemieheksi, koska sallii rasismin. Mihin toimiin perussuomalaiset ryhtyvät? Kuka nouse3367648Razmyar on säälittävä - puhemiehellä ei ole mitään syytä ottaa kantaa tähän "silmäkohuun"
jonka toimittajat sai aikaan. Asia ei kuulu puhemiehelle millään lailla. Razmyar haluaa taas vaan huomiota. Mutta jos r735411Pitkän linjan yritysjohtaja: Suomen tapahtumat eivät ole Aasian kärkiuutinen
Viimeaikaista kohua on käytetty sisäpoliittisena lyömäaseena, Thomas Zilliacus sanoo. – Koska asiaa kuitenkin kommentoi1104594Siviilipalvelusmies Halla-aho normalisoi rasismin perussuomalaisissa
SMP:n tuhkille perustettu puolue ei ollut ihmisiä vastaan, vaan instituutiokriittinen. "Missä EU - siellä ongelma", oli224393Miten Eerolan silmäkuvat voivat levitä muutamassa tunnissa ympäri maailmaa?
Seuraako koko maailma persujen ja erityisesti Eerolan somea reaaliajassa? Edes kansanedustajan itsemurha eduskuntatalos1314234Suomalaisilta vaaditaan valtavasti suvaitsevaisuutta - miksi sitä ei vaadita muslimeilta
Suomalaisilta vaaditaan kaikkea, pitää olla suvaitsevainen ja hyväksyä vieraiden tavat, rasisti ei saa olla jne. Miksi s523927Juuri Suomen valtamedian toimittajat teki "silmävääntelystä" sen kohun
ja ilmeisesti ottivat yhteyttä myös ulkomaisiin medioihin, että katsokaas tätä. Mutta Japanin medioissa on asiaan suhta1563807Demarit ovat oikeasti törppöjä eli heikkoälyisiä
ja todistavat sitä päivittäin täällä lapsellisilla jutuillaan. Kauheasti on hehkuttaneet kuinka demarien kannatus vaan763714Perussuomalaiset eivät harrasta maalittamista kuten vasemmisto
Huomaa tässä keinotekoisessa "rasismi"-kohussakin kuinka vasemmistolaiset maalittavat Perussuomalaisia. Me emme vastaava293596SDP:n kansanedustaja Marko Asell: Suomen myönnettävä maahanmuuton ongelmat
Hänen mielestään Suomen pitää pyrkiä rajoittamaan jyrkästi turvapaikanhakijoiden pääsyä maahan ja hän arvioi, että maaha843442