mikä tässä on vikana:

epätoivonen

Hei. Nyt kyllä alkaa pää hajoomaan tämän IE:n kanssa. Mozilla tekee kaiken kovin kiltisti... ja mitä IE. *huokaus* Voisitteko ystävällisesti katsoa tätä seuraavaa sivustoa ja sanoa että minkätakia IE työntää sen "text" moduulin pirun peppuun kun samaan aikaan mozilla on niin kilttiä poikaa. Missä tämä virhe tapahtuu? Mitä voin tehdä asialle?

www.blueandwhite.fi/new_look/

vielä tässä vaiheessa CSS on html tiedostossa joten se löytyy siitä index.htm tiedoston alusta.
Kiitoksia avusta.

6

707

Äänestä

    Vastaukset 6

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • sama

      nyt vielä nää tärkeimmät tähän esille. Loput tosiaan löytyy sieltä tiedostosta.

      #frame {width:810px; height:900px;}
      #frame {
         margin-top:20px;
         margin-right:auto;
         margin-left:auto;
         border:none;
         font-family:Arial, Helvetica, sans-serif;
         font-size: 9px;
         color:#000;
         position:relative;
         background-image:url(header.jpg);
         background-repeat:no-repeat;
            }
            
      #text {width:510px; height:421px;}
      #text {
         text-align:justify;
         border:none;
         font-size:11px;
         font-family:Arial, Helvetica, sans-serif;
         color:#555;
         margin-top:260px;
         margin-left:205px;
         position:absolute;
            }

    • Ridge

      Ota bodystä pois text-align: center

    • Höpö

      Näyttäis korjaantuvan niinkin helpolla, kuin lisäämällä #text -määrityksiin left:0;


      Kommentoin pian lisää, nyt lapsella on jotain hätää..

      • Höpö

        Ensiksi sivulta löytyi pari selvää virhettä:
        - meta -tagia ei ollu suljettu, kuten xhtml:ssä pitää tehdä
        - head -tagi oli suljettu kahteen kertaan ja väliin pistetty style -elementti. Eka sulku pois niin sit on oikein

        Muuten sivut olivat ihan stricktiä, joten en käsitä miksi määrittelet ne transitionaliksi.


        Mutta niitä kommentteja:

        Koodi oli mukavan siistiä, siitä iso plussa. Tuollaista kun tekee ja tulee ongelmia, niin viat on helppo löytää :)

        - - - - - - - - - - - - - - - - - - - - - -

        Otsikko oli tehty taustakuvana. Tästä seuraa sellainen pienenpieni ongelma, että esimerkiksi kännyllä sivuja selatessa otsikkoa ei näytetä ollenkaan (koska silloin ei näytetä taustakuvia jotka yleensä ovatkin varsinaisen sisällön kannalta turhia tai ainakin epäolennaisia).
        Operassa on kätevä näppäinyhdistelmä Shift F11, joka näyttää sivut sellaisena kuin kännyllä näytetään (mikäli surffaajalla on Opera kännykässä).

        Homman saat korjattua laittamalla text -diviin otsikon:
           Tanssiurheiluseura Blue & White ry. Helsinki.

        Ja koska tätä otsikkoa ei tietenkään ole tarkoitus näyttää normaalisti näytöltä katsottaessa niin se kannattanee piilottaa. Css-määrityksiin vaikkapa näin:
           #frame .header {position:absolute; left: -2000px;}      

        (jos sen piilottaa hidellä niin hakukoneetkaan eivät osaa sitä lukea, kuten eivät muuten kuviakaan)

        Samalla kannattanee tiputtaa muiden otsikoiden tasoa yhdellä pykälällä, h1:stä h2 jne..

        - - - - - - - - - - - - - - - - - - - - - -

        Ihmetyttää miksi olet laittanut head-elementtiin kuvan. Onko siinä jokin idea?


        - - - - - - - - - - - - - - - - - - - - - -

        Sitten sellainen periaatteellinen juttu, joka ei tietysti vaikuta mihinkään ulospäin näkyvään, mutta on ihan fiksua huomioida. Nimittäin nuo asettelun mukaan nimetyt luokat (esim. class="float-left" ).
        Yleisesti ottaen ei kannata suosia nimissä sellaista joka ei välttämättä sitten olekaan sitä myöhemmin. Jos vaikka päätät muuttaa sivustosi ulkoasun täysin, niin mahdollisesti et haluakaan tuon elementin kelluvan vasemmalla. Silloin tuo tuntuu jo aika hölmöltä.

        Eri asia on tietenkin luokkien nimet tyyliin header, footer jne


        - - - - - - - - - - - - - - - - - - - - - -

        Mutta kuule, jatka samaan malliin. Hyvältä näyttää :)

      • aloittaja
        Höpö kirjoitti:

        Ensiksi sivulta löytyi pari selvää virhettä:
        - meta -tagia ei ollu suljettu, kuten xhtml:ssä pitää tehdä
        - head -tagi oli suljettu kahteen kertaan ja väliin pistetty style -elementti. Eka sulku pois niin sit on oikein

        Muuten sivut olivat ihan stricktiä, joten en käsitä miksi määrittelet ne transitionaliksi.


        Mutta niitä kommentteja:

        Koodi oli mukavan siistiä, siitä iso plussa. Tuollaista kun tekee ja tulee ongelmia, niin viat on helppo löytää :)

        - - - - - - - - - - - - - - - - - - - - - -

        Otsikko oli tehty taustakuvana. Tästä seuraa sellainen pienenpieni ongelma, että esimerkiksi kännyllä sivuja selatessa otsikkoa ei näytetä ollenkaan (koska silloin ei näytetä taustakuvia jotka yleensä ovatkin varsinaisen sisällön kannalta turhia tai ainakin epäolennaisia).
        Operassa on kätevä näppäinyhdistelmä Shift F11, joka näyttää sivut sellaisena kuin kännyllä näytetään (mikäli surffaajalla on Opera kännykässä).

        Homman saat korjattua laittamalla text -diviin otsikon:
           Tanssiurheiluseura Blue & White ry. Helsinki.

        Ja koska tätä otsikkoa ei tietenkään ole tarkoitus näyttää normaalisti näytöltä katsottaessa niin se kannattanee piilottaa. Css-määrityksiin vaikkapa näin:
           #frame .header {position:absolute; left: -2000px;}      

        (jos sen piilottaa hidellä niin hakukoneetkaan eivät osaa sitä lukea, kuten eivät muuten kuviakaan)

        Samalla kannattanee tiputtaa muiden otsikoiden tasoa yhdellä pykälällä, h1:stä h2 jne..

        - - - - - - - - - - - - - - - - - - - - - -

        Ihmetyttää miksi olet laittanut head-elementtiin kuvan. Onko siinä jokin idea?


        - - - - - - - - - - - - - - - - - - - - - -

        Sitten sellainen periaatteellinen juttu, joka ei tietysti vaikuta mihinkään ulospäin näkyvään, mutta on ihan fiksua huomioida. Nimittäin nuo asettelun mukaan nimetyt luokat (esim. class="float-left" ).
        Yleisesti ottaen ei kannata suosia nimissä sellaista joka ei välttämättä sitten olekaan sitä myöhemmin. Jos vaikka päätät muuttaa sivustosi ulkoasun täysin, niin mahdollisesti et haluakaan tuon elementin kelluvan vasemmalla. Silloin tuo tuntuu jo aika hölmöltä.

        Eri asia on tietenkin luokkien nimet tyyliin header, footer jne


        - - - - - - - - - - - - - - - - - - - - - -

        Mutta kuule, jatka samaan malliin. Hyvältä näyttää :)

        kiitoksia tosiaan erittäin vakuuttavasta vastauksesta. Mieletöntä. Kaikenlisäksi että nyt tosiaan se sitten toimii niinkuin pitää molemmilla selaimilla (IE ja Mozilla) niin vastauksestasihan oppi vaikka mitä. Ja tosiaan en tuota känny surffausta tullut tosiaankaan ajatelleeksi. Otsikko kuvana vain on kovin helppo saada juuri oikean laiseksi... ja taustakuvana sen päälle saa kivasti muutakin tekstiä kuten linkkejä ja sen sellaista.

        Mutta kiitos tosiaan vielä.

      • Höpö
        aloittaja kirjoitti:

        kiitoksia tosiaan erittäin vakuuttavasta vastauksesta. Mieletöntä. Kaikenlisäksi että nyt tosiaan se sitten toimii niinkuin pitää molemmilla selaimilla (IE ja Mozilla) niin vastauksestasihan oppi vaikka mitä. Ja tosiaan en tuota känny surffausta tullut tosiaankaan ajatelleeksi. Otsikko kuvana vain on kovin helppo saada juuri oikean laiseksi... ja taustakuvana sen päälle saa kivasti muutakin tekstiä kuten linkkejä ja sen sellaista.

        Mutta kiitos tosiaan vielä.

        Sitä vain ei sivuntekijät tunnu huomaavan että selaimella varustettujen kännyköiden määrä lisääntyy vauhdilla. Esimerkiksi tuollaisella tanssiseuralla on hyvä olla sivut kännykälläkin selattavissa, ellei muuten niin tapahtumakalenterit ja muut kannattaa hoitaa kunnolla (ajo-ohjeita ja kellonaikoja voi joku hyvinkin joutua tarkastamaan vielä matkalla).

        Esimerkkinä (summassa vaan otin tuolta "Mainosta www-sivuja" -osastolta) siitä miten huonosti sivut voivat kännyllä toimia, ovat vaikkapa nämä sinänsä aivan hienot ja hienoja kuvia sisältävät sivut:
        http://www.merilappi.net/kuvagalleria/index.html

        Taulukkotaitto voi kostautua pahemman kerran :(

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Miksi vanhusraiskaajaa ei ole palautettu?

      Ukkola kysyy Rantaselta, vaikka perussuomalaiset ovat olleet hallituksessa kolme ja puolivuotta. Rantasen vastaus on "
      Maailman menoa
      320
      1388

    2. Suomi meni ihan itse sössimään peruskoulunsa

      Nyt syytellään maahanmuuttoa, vaikka ihan itse lopetettiin vaatimaan oppilailta koulunkäynnin tarkoitus eli opiskelu ja
      Maailman menoa
      330
      1316

    3. Mitä kirjainta kaipaat?

      🤣🤣🤣🤣🤣
      Ikävä
      106
      1102

    4. Tuli paha mieli miten kaikki meni meillä

      Harmittaa myönnän sen, kun molemmilla oli selvästi toiveita ennen kuin sukset meni ristiin. Olen jäässä. 😔
      Ikävä
      50
      998

    5. Onko ikäerolla väliä?

      Mitä mieltä ootte? Meillä on 14 vuotta ikäeroa.
      Ikävä
      105
      981

    6. Mitä sä teet

      Juuri nyt?
      Ikävä
      106
      930

    7. Uusioperhe vai salasuhde?

      Mitä ensisijaisesti haluat? Pelkään, että menetän järjen sun kanssa 😉
      Ikävä
      111
      792

    8. Katri Helena rikkoi hiljaisuuden dramaattisella uutisella: "Elossa ja ilossa ollaan"

      Katri Helena on sinivalkoinen ääni. Hänen klassikkohittinsä ovat tärkeä osa suomalaista kansanperintöä. Katri veti jääh
      Suomalaiset julkkikset
      22
      787

    9. Miten vaikuttaa

      Jos kaivatustasi on moni muukin kiinnostunut?
      Ikävä
      70
      633

    10. Anni Ihamäki ja Ilkka-rakas vetivät tiukan rajan TTK:ssa: "Kyllä spekuloitiin"

      Anni Ihamäki on naimissa Ilkka Ihamäen kanssa. Aviopuoliso tunnetaan myös nimellä Hovimuusikko Ilkka. Heillä on kaksi yh
      Suomalaiset julkkikset
      5
      627
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt