Ei onnistu!

noin. Panin vielä sarakkeen perään vasen_sarake ja oikea_sarake.

Jos siirrät otsikon uloimman elementin sisälle, sekin keskittyy automaattisesti koska se perii #sarakkeet -määreet:

   

Höpö. kirjoitti:

Jos siirrät otsikon uloimman elementin sisälle, sekin keskittyy automaattisesti koska se perii #sarakkeet -määreet:

   

Mä en saanut toimimaan ei tapahtunut mitään, tarkoititko että jättää nää alla olevat kokonaan pois.

float: left;
width: 265px;
height: 194px;

float: left;
width: 496px;
height: 194px;

Apua tarvitaan kirjoitti:

Mä en saanut toimimaan ei tapahtunut mitään, tarkoititko että jättää nää alla olevat kokonaan pois.

float: left;
width: 265px;
height: 194px;

float: left;
width: 496px;
height: 194px;

Lue lisää

float: left; ja height: 194px; on siirretty siististi tuonne css -osaan.
width: 265px; taas oli koodissasi turha, koska jos ensin ilmoitetaan leveys pikseleinä ja myöhemmin prosentteina, niin jälkimmäinen vain jää voimaan.
Tai siis jompi kumpi on turha. Voit toki vaihtaa css -osaan width: 265px; tuon width: 42%; :n tilalle.


copypastaat tästä niin varmasti toimii:



   Untitled
      
      #sarakkeet
      {
         clear: both;
         height: 194px;
         font-style:italic;
         text-align: center;
      }
      #sarakkeet .vasen_sarake
      {
         width: 42%; float: left;margin-right: 5%;
      }
      #sarakkeet .oikea_sarake
      {
         float: right; width: 42%; margin-left: 5%;
      }
      #sarakkeet h3
      {
         font-style: normal;
      }
   




   

Höpö. kirjoitti:

float: left; ja height: 194px; on siirretty siististi tuonne css -osaan.
width: 265px; taas oli koodissasi turha, koska jos ensin ilmoitetaan leveys pikseleinä ja myöhemmin prosentteina, niin jälkimmäinen vain jää voimaan.
Tai siis jompi kumpi on turha. Voit toki vaihtaa css -osaan width: 265px; tuon width: 42%; :n tilalle.


copypastaat tästä niin varmasti toimii:



   Untitled
      
      #sarakkeet
      {
         clear: both;
         height: 194px;
         font-style:italic;
         text-align: center;
      }
      #sarakkeet .vasen_sarake
      {
         width: 42%; float: left;margin-right: 5%;
      }
      #sarakkeet .oikea_sarake
      {
         float: right; width: 42%; margin-left: 5%;
      }
      #sarakkeet h3
      {
         font-style: normal;
      }
   




   

Lue lisää

Hyväksi havaittu kikka selventää noita säätöjä, on käyttää taustavärejä. Silloin näkee selvästi missä mennään. Ne voi sitten poistaa css:stä kun säädöt on valmiina:

      #sarakkeet
      {
         clear: both;
         height: 194px;
         font-style: italic;
         text-align: center;
         background-color: Aqua;
      }
      #sarakkeet .vasen_sarake
      {
         width: 42%;
         float: left;
         margin-right: 5%;
         background-color: Silver;
      }
      #sarakkeet .oikea_sarake
      {
         float: right;
         width: 42%;
         margin-left: 5%;
         background-color: Yellow;
      }
      #sarakkeet h3 {
         font-style: normal;
         background-color: Gray;
      }


Tuli mieleen, että tuo #sarakkeet -osassa oleva korkeudensäätö määrää nimenomaan sen osan korkeuden, ei varsinaisesti sarakkeiden korkeutta. Sarakkeiden korkeuden voit määrätä laittamalla sen korkeuden joko niihin molempiin erikseen, tai sitten määrittelemällä sarakkeille ensin yhteiset arvot ja erikseen vain ne joissa kohtaa määritteet eroavat:

      #sarakkeet
      {
         clear: both;
         height: 194px;
         font-style: italic;
         text-align: center;
         background-color: Aqua;
      }
      #sarakkeet .vasen_sarake, .oikea_sarake /* tämä määrittää molemmille sarakkeille korkeuden ja leveyden */
      {
         height: 194px;
         width: 42%;
      }
      #sarakkeet .vasen_sarake
      {
         float: left;
         margin-right: 5%;
         background-color: Silver;
      }
      #sarakkeet .oikea_sarake
      {
         float: right;
         margin-left: 5%;
         background-color: Yellow;
      }
      #sarakkeet h3 {
         font-style: normal;
         background-color: Blue;
      }

Höpö. kirjoitti:

Hyväksi havaittu kikka selventää noita säätöjä, on käyttää taustavärejä. Silloin näkee selvästi missä mennään. Ne voi sitten poistaa css:stä kun säädöt on valmiina:

      #sarakkeet
      {
         clear: both;
         height: 194px;
         font-style: italic;
         text-align: center;
         background-color: Aqua;
      }
      #sarakkeet .vasen_sarake
      {
         width: 42%;
         float: left;
         margin-right: 5%;
         background-color: Silver;
      }
      #sarakkeet .oikea_sarake
      {
         float: right;
         width: 42%;
         margin-left: 5%;
         background-color: Yellow;
      }
      #sarakkeet h3 {
         font-style: normal;
         background-color: Gray;
      }


Tuli mieleen, että tuo #sarakkeet -osassa oleva korkeudensäätö määrää nimenomaan sen osan korkeuden, ei varsinaisesti sarakkeiden korkeutta. Sarakkeiden korkeuden voit määrätä laittamalla sen korkeuden joko niihin molempiin erikseen, tai sitten määrittelemällä sarakkeille ensin yhteiset arvot ja erikseen vain ne joissa kohtaa määritteet eroavat:

      #sarakkeet
      {
         clear: both;
         height: 194px;
         font-style: italic;
         text-align: center;
         background-color: Aqua;
      }
      #sarakkeet .vasen_sarake, .oikea_sarake /* tämä määrittää molemmille sarakkeille korkeuden ja leveyden */
      {
         height: 194px;
         width: 42%;
      }
      #sarakkeet .vasen_sarake
      {
         float: left;
         margin-right: 5%;
         background-color: Silver;
      }
      #sarakkeet .oikea_sarake
      {
         float: right;
         margin-left: 5%;
         background-color: Yellow;
      }
      #sarakkeet h3 {
         font-style: normal;
         background-color: Blue;
      }

Lue lisää

Sekä yleisesti käytetty toinen kikka on laittaa tarvittaessa tyylisääntöjen loppuun allaoleva, jolloin näkee selvästi elementien rajat.

* {
border:   2px solid red;
}


Tosin vielä kätevämpi on käyttää Firebugia sillä näkyy elementit kun vain osoittaa hiirel sekä samalla näkyy tyylit jotka vaikuttaa vain siihen elementiin näitä tyylejä pystyy myös muokkaamaan ja napsasemaan määreitä pois ja muutoksen näkee heti, kaikki tämä tapahtuu koskematta alkuperäiseen tyylitiedostoon joten sivun päivitys kaikki ennallaan jolloin mitään ei voi pilata.

Höpö. kirjoitti:

Hyväksi havaittu kikka selventää noita säätöjä, on käyttää taustavärejä. Silloin näkee selvästi missä mennään. Ne voi sitten poistaa css:stä kun säädöt on valmiina:

      #sarakkeet
      {
         clear: both;
         height: 194px;
         font-style: italic;
         text-align: center;
         background-color: Aqua;
      }
      #sarakkeet .vasen_sarake
      {
         width: 42%;
         float: left;
         margin-right: 5%;
         background-color: Silver;
      }
      #sarakkeet .oikea_sarake
      {
         float: right;
         width: 42%;
         margin-left: 5%;
         background-color: Yellow;
      }
      #sarakkeet h3 {
         font-style: normal;
         background-color: Gray;
      }


Tuli mieleen, että tuo #sarakkeet -osassa oleva korkeudensäätö määrää nimenomaan sen osan korkeuden, ei varsinaisesti sarakkeiden korkeutta. Sarakkeiden korkeuden voit määrätä laittamalla sen korkeuden joko niihin molempiin erikseen, tai sitten määrittelemällä sarakkeille ensin yhteiset arvot ja erikseen vain ne joissa kohtaa määritteet eroavat:

      #sarakkeet
      {
         clear: both;
         height: 194px;
         font-style: italic;
         text-align: center;
         background-color: Aqua;
      }
      #sarakkeet .vasen_sarake, .oikea_sarake /* tämä määrittää molemmille sarakkeille korkeuden ja leveyden */
      {
         height: 194px;
         width: 42%;
      }
      #sarakkeet .vasen_sarake
      {
         float: left;
         margin-right: 5%;
         background-color: Silver;
      }
      #sarakkeet .oikea_sarake
      {
         float: right;
         margin-left: 5%;
         background-color: Yellow;
      }
      #sarakkeet h3 {
         font-style: normal;
         background-color: Blue;
      }

Lue lisää

neuvoista. Päädyin sitten alla olevaan ratkaisuun eilen ja onnistumisen riemua koin kunnes tänään huomasin että IE 6:lla rikkoo koko sivun ja IE 7:lla
osan. Siis Firefoxilla ja Operalla toimii täysin. Mikä olisi avuksi että saisi toimimaan IE:n selaimilla.

CSS:

body
{
margin: 0;
padding: 0;
background-color: #4e281d;
text-align: center;
font-family: "times new roman", "bookman old style";
font-style: italic;
font-size: 12pt;
color: #7d1900;
}
#keskitin
{
width: 761px;
margin: 0 auto;
text-align: left;
}
#logo
{
height: 263px;
background: #4e281d url('images/logo.jpg') no-repeat top left;
} #logo h1{margin:0;padding:0;text-indent:-9999px;}

#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
background: #4e281d url('images/uusin_runo.jpg') no-repeat top left;
text-align: center;
}
#sarakkeet #oikea_sarake .vali
{
margin-top: -37px;
position: relative;
z-index: 2;
font-style: italic;
}

#jokuid{
font-style: italic;
}
.jokuclass{
width: 42%;
text-align: center;
}
#eka{
float: left;
margin-right: 5%;
}
#toka{
float: right;
margin-left: 5%;
}


#paasisalto
{
height: 253px;
background: #4e281d url('images/sisalto.jpg') no-repeat top left;
overflow: auto;
width: 740px;
}

#pohja
{
height: 265px;
background: #4e281d url('images/pohja.jpg') no-repeat top left;
}

.vali
{
padding-left: 70px;
padding-right: 70px;
}

#oikea_sarake .vali
{padding-left: 30px;}

img
{border: 0;margin:0;}
map, area
{border: 0;margin:0;}
a
{color: #7d1900;text-decoration: underline;}
a:hover
{text-decoration: none;}


p
{
margin: 0;
padding-top: 10px;
}
h3
{margin:0;margin-bottom:20px;font-size:22px;
text-align: center;}

Sitten sivu:


Jotain sanottavaa!

Muutos! 22.10.06
Nuoruudessa

olen ikuisesti,

uhmakkaana

katson.

Jumalana.

Vanhetessa

kapeneva polku,

heikkouteni.

Kerjäläinen
Kuolemassa.

Narreina! 23.6.06
Olet kuningatar

tämän päivän,

jonotamme luoksesi.

Teemme

hovikumarruksen,

polvistumme,

narreina

olemme luonasi.

Niin me,

palvomme sinua.




Ihminen! 14.3.06
Oletko ihminen

ihmiselle.

Jaatko hetket

ilon, murheen,

kuljetko hänen

vierellään.

Tai leikitkö

kenties Jumalaa.

Vanha nainen! 25.4.06
Vanha nainen

kaupungin

katuja kulkee,

ruusuilla täytetty

kori kädessään.

Yksi ainut

tehtävä edessään.

Ruusuja antaa

kulkijoille,

elämän laidan.

Apua tarvitaan kirjoitti:

neuvoista. Päädyin sitten alla olevaan ratkaisuun eilen ja onnistumisen riemua koin kunnes tänään huomasin että IE 6:lla rikkoo koko sivun ja IE 7:lla
osan. Siis Firefoxilla ja Operalla toimii täysin. Mikä olisi avuksi että saisi toimimaan IE:n selaimilla.

CSS:

body
{
margin: 0;
padding: 0;
background-color: #4e281d;
text-align: center;
font-family: "times new roman", "bookman old style";
font-style: italic;
font-size: 12pt;
color: #7d1900;
}
#keskitin
{
width: 761px;
margin: 0 auto;
text-align: left;
}
#logo
{
height: 263px;
background: #4e281d url('images/logo.jpg') no-repeat top left;
} #logo h1{margin:0;padding:0;text-indent:-9999px;}

#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
background: #4e281d url('images/uusin_runo.jpg') no-repeat top left;
text-align: center;
}
#sarakkeet #oikea_sarake .vali
{
margin-top: -37px;
position: relative;
z-index: 2;
font-style: italic;
}

#jokuid{
font-style: italic;
}
.jokuclass{
width: 42%;
text-align: center;
}
#eka{
float: left;
margin-right: 5%;
}
#toka{
float: right;
margin-left: 5%;
}


#paasisalto
{
height: 253px;
background: #4e281d url('images/sisalto.jpg') no-repeat top left;
overflow: auto;
width: 740px;
}

#pohja
{
height: 265px;
background: #4e281d url('images/pohja.jpg') no-repeat top left;
}

.vali
{
padding-left: 70px;
padding-right: 70px;
}

#oikea_sarake .vali
{padding-left: 30px;}

img
{border: 0;margin:0;}
map, area
{border: 0;margin:0;}
a
{color: #7d1900;text-decoration: underline;}
a:hover
{text-decoration: none;}


p
{
margin: 0;
padding-top: 10px;
}
h3
{margin:0;margin-bottom:20px;font-size:22px;
text-align: center;}

Sitten sivu:


Jotain sanottavaa!

Muutos! 22.10.06
Nuoruudessa

olen ikuisesti,

uhmakkaana

katson.

Jumalana.

Vanhetessa

kapeneva polku,

heikkouteni.

Kerjäläinen
Kuolemassa.

Narreina! 23.6.06
Olet kuningatar

tämän päivän,

jonotamme luoksesi.

Teemme

hovikumarruksen,

polvistumme,

narreina

olemme luonasi.

Niin me,

palvomme sinua.




Ihminen! 14.3.06
Oletko ihminen

ihmiselle.

Jaatko hetket

ilon, murheen,

kuljetko hänen

vierellään.

Tai leikitkö

kenties Jumalaa.

Vanha nainen! 25.4.06
Vanha nainen

kaupungin

katuja kulkee,

ruusuilla täytetty

kori kädessään.

Yksi ainut

tehtävä edessään.

Ruusuja antaa

kulkijoille,

elämän laidan.

Lue lisää

Kopsasin antamasi koodit ja katsoin Opera9, Firefox1.5 ja IE6. Kaikissa näytti täysin samalta.

Voisikohan se vika olla sellaisessa kohdassa koodia jota et antanut. Css:ssä näyttää olevan sellaisia elementtejä kuin
   #keskitin
   #logo
   #sarakkeet
   #vasen_sarake
   #oikea_sarake
   #paasisalto
   #pohja
   .vali
joita ei kuitenkaan ole antamassasi koodissa. Ilmeisesti antamasi on vain osa kokonaisuutta ja silloin ongelma saattaa olla siellä. Esimerkiksi jos tuo antamasi on jonkin muun sisällä niin periytymiset saattaa toimia jollakin selaimella eri tavalla. Tämä nyt oli villi veikkaus mutta yksi mahdollisuus.

Höpö. kirjoitti:

Kopsasin antamasi koodit ja katsoin Opera9, Firefox1.5 ja IE6. Kaikissa näytti täysin samalta.

Voisikohan se vika olla sellaisessa kohdassa koodia jota et antanut. Css:ssä näyttää olevan sellaisia elementtejä kuin
   #keskitin
   #logo
   #sarakkeet
   #vasen_sarake
   #oikea_sarake
   #paasisalto
   #pohja
   .vali
joita ei kuitenkaan ole antamassasi koodissa. Ilmeisesti antamasi on vain osa kokonaisuutta ja silloin ongelma saattaa olla siellä. Esimerkiksi jos tuo antamasi on jonkin muun sisällä niin periytymiset saattaa toimia jollakin selaimella eri tavalla. Tämä nyt oli villi veikkaus mutta yksi mahdollisuus.

Lue lisää

Tätäkö tarkoitit?

Index.php:




   
      Topin runokirja
      
      
      
      
   
   
      
         
            Topin Runokirja
      
         
            
               
               
                  
                  
                  
                  
                  
                  
            
         
            
               
                  
               
            
         
         
         
            
               
            
         
         
      
   


Yksi sivu:


Jotain sanottavaa!

Muutos! 22.10.06
Nuoruudessa

olen ikuisesti,

uhmakkaana

katson.

Jumalana.

Vanhetessa

kapeneva polku,

heikkouteni.

Kerjäläinen
Kuolemassa.

Narreina! 23.6.06
Olet kuningatar

tämän päivän,

jonotamme luoksesi.

Teemme

hovikumarruksen,

polvistumme,

narreina

olemme luonasi.

Niin me,

palvomme sinua.




Ihminen! 14.3.06
Oletko ihminen

ihmiselle.

Jaatko hetket

ilon, murheen,

kuljetko hänen

vierellään.

Tai leikitkö

kenties Jumalaa.

Vanha nainen! 25.4.06
Vanha nainen

kaupungin

katuja kulkee,

ruusuilla täytetty

kori kädessään.

Yksi ainut

tehtävä edessään.

Ruusuja antaa

kulkijoille,

elämän laidan.




CSS:

body
{
margin: 0;
padding: 0;
background-color: #4e281d;
text-align: center;
font-family: "times new roman", "bookman old style";
font-style: italic;
font-size: 12pt;
color: #7d1900;
}
#keskitin
{
width: 761px;
margin: 0 auto;
text-align: left;
}
#logo
{
height: 263px;
background: #4e281d url('images/logo.jpg') no-repeat top left;
} #logo h1{margin:0;padding:0;text-indent:-9999px;}

#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
background: #4e281d url('images/uusin_runo.jpg') no-repeat top left;
text-align: center;
}
#sarakkeet #oikea_sarake .vali
{
margin-top: -37px;
position: relative;
z-index: 2;
font-style: italic;
}

#jokuid{
font-style: italic;
}
.jokuclass{
width: 42%;
text-align: center;
}
#eka{
float: left;
margin-right: 5%;
}
#toka{
float: right;
margin-left: 5%;
}


#paasisalto
{
height: 253px;
background: #4e281d url('images/sisalto.jpg') no-repeat top left;
overflow: auto;
width: 740px;
}

#pohja
{
height: 265px;
background: #4e281d url('images/pohja.jpg') no-repeat top left;
}

.vali
{
padding-left: 70px;
padding-right: 70px;
}

#oikea_sarake .vali
{padding-left: 30px;}

img
{border: 0;margin:0;}
map, area
{border: 0;margin:0;}
a
{color: #7d1900;text-decoration: underline;}
a:hover
{text-decoration: none;}


p
{
margin: 0;
padding-top: 10px;
}
h3
{margin:0;margin-bottom:20px;font-size:22px;
text-align: center;}

Tällä systeemillä rikkoo IE 6:ssa kaikki sivut ja IE 7:ssa yhden sivun.

Apua tarvitaan kirjoitti:

Tätäkö tarkoitit?

Index.php:




   
      Topin runokirja
      
      
      
      
   
   
      
         
            Topin Runokirja
      
         
            
               
               
                  
                  
                  
                  
                  
                  
            
         
            
               
                  
               
            
         
         
         
            
               
            
         
         
      
   


Yksi sivu:


Jotain sanottavaa!

Muutos! 22.10.06
Nuoruudessa

olen ikuisesti,

uhmakkaana

katson.

Jumalana.

Vanhetessa

kapeneva polku,

heikkouteni.

Kerjäläinen
Kuolemassa.

Narreina! 23.6.06
Olet kuningatar

tämän päivän,

jonotamme luoksesi.

Teemme

hovikumarruksen,

polvistumme,

narreina

olemme luonasi.

Niin me,

palvomme sinua.




Ihminen! 14.3.06
Oletko ihminen

ihmiselle.

Jaatko hetket

ilon, murheen,

kuljetko hänen

vierellään.

Tai leikitkö

kenties Jumalaa.

Vanha nainen! 25.4.06
Vanha nainen

kaupungin

katuja kulkee,

ruusuilla täytetty

kori kädessään.

Yksi ainut

tehtävä edessään.

Ruusuja antaa

kulkijoille,

elämän laidan.




CSS:

body
{
margin: 0;
padding: 0;
background-color: #4e281d;
text-align: center;
font-family: "times new roman", "bookman old style";
font-style: italic;
font-size: 12pt;
color: #7d1900;
}
#keskitin
{
width: 761px;
margin: 0 auto;
text-align: left;
}
#logo
{
height: 263px;
background: #4e281d url('images/logo.jpg') no-repeat top left;
} #logo h1{margin:0;padding:0;text-indent:-9999px;}

#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
background: #4e281d url('images/uusin_runo.jpg') no-repeat top left;
text-align: center;
}
#sarakkeet #oikea_sarake .vali
{
margin-top: -37px;
position: relative;
z-index: 2;
font-style: italic;
}

#jokuid{
font-style: italic;
}
.jokuclass{
width: 42%;
text-align: center;
}
#eka{
float: left;
margin-right: 5%;
}
#toka{
float: right;
margin-left: 5%;
}


#paasisalto
{
height: 253px;
background: #4e281d url('images/sisalto.jpg') no-repeat top left;
overflow: auto;
width: 740px;
}

#pohja
{
height: 265px;
background: #4e281d url('images/pohja.jpg') no-repeat top left;
}

.vali
{
padding-left: 70px;
padding-right: 70px;
}

#oikea_sarake .vali
{padding-left: 30px;}

img
{border: 0;margin:0;}
map, area
{border: 0;margin:0;}
a
{color: #7d1900;text-decoration: underline;}
a:hover
{text-decoration: none;}


p
{
margin: 0;
padding-top: 10px;
}
h3
{margin:0;margin-bottom:20px;font-size:22px;
text-align: center;}

Tällä systeemillä rikkoo IE 6:ssa kaikki sivut ja IE 7:ssa yhden sivun.

Lue lisää

Ei tuolla php:llä ryyditetyllä mitään tee, kun en mitenkään saa kaikkea tarvittavaa ladattua siihen pääsivulle.

Mieluummin yhdestä valmiiksikasatusta sivusta lähdekoodi tai sitten ihan linkki sinne sivulle niin näkee varmasti missä mennään.

Höpö. kirjoitti:

Ei tuolla php:llä ryyditetyllä mitään tee, kun en mitenkään saa kaikkea tarvittavaa ladattua siihen pääsivulle.

Mieluummin yhdestä valmiiksikasatusta sivusta lähdekoodi tai sitten ihan linkki sinne sivulle niin näkee varmasti missä mennään.

Lue lisää

ei sillä tietenkään mitään tee. Mä laitan sitten sivujeni linkin tähän, CSS on se mikä edellisessä viestissä oli. Mulla siis toimii FF:llä ja Operalla, mutta IE versioilla ei.

http://www.topinrunokirja.com/

Apua tarvitaan kirjoitti:

ei sillä tietenkään mitään tee. Mä laitan sitten sivujeni linkin tähän, CSS on se mikä edellisessä viestissä oli. Mulla siis toimii FF:llä ja Operalla, mutta IE versioilla ei.

http://www.topinrunokirja.com/

Lue lisää

Kokeile ottaa tämän rivin päässä oleva välilyönti pois, toimi ainakin mulla kun kokeilin..!



Hyvä keino on käyttää yhden pikselin bordereita tällaisissa tapauksissa, nytkin tyhjää tilaa ilmestyi heti leftiin ja siitä pääseekin jo sitten kiinni itse ongelmaan..!!

Apua tarvitaan kirjoitti:

ei sillä tietenkään mitään tee. Mä laitan sitten sivujeni linkin tähän, CSS on se mikä edellisessä viestissä oli. Mulla siis toimii FF:llä ja Operalla, mutta IE versioilla ei.

http://www.topinrunokirja.com/

Lue lisää

Css:ssä on ainakin yks ajatusvirhe:

   #sarakkeet #vasen_sarake
   {
      float: left;
      width: 265px;
      height: 194px;
   }
   #sarakkeet #oikea_sarake
   {
      float: left;
      width: 496px;
      height: 194px;

eikös oikean sarakkeen pitäis olla
   float: right;

Silloin IE laittaa sen kyllä oikealle mutta sen mielestä sarakkeet ovat yhteensä liian leveitä, joten se viskaa oikean sarakkeen alemmas. Koitin kaventaa, jolloin sarakkeiden väliin jää tyhjää..

Siellä alempana toimii sarakkeet ainakin IE6:lla, joten ehkä sun kannattaa säädellä jotain sen pohjalta..

-Ridge- kirjoitti:

Kokeile ottaa tämän rivin päässä oleva välilyönti pois, toimi ainakin mulla kun kokeilin..!



Hyvä keino on käyttää yhden pikselin bordereita tällaisissa tapauksissa, nytkin tyhjää tilaa ilmestyi heti leftiin ja siitä pääseekin jo sitten kiinni itse ongelmaan..!!

Lue lisää

Eipä toiminutkaan kun kopioin koodin tuosta edellisestä viestistä. Miksiköhän tallenna kokonainen www-sivu muuttaa koodia, tuolla tavalla yhden välin poisto toimi, tosin se olikin ennen tuota riviä..=)

Samalla huomasin kun kopion koodin ja css edellisestä viesti, että kun bodystä ottaa pois font-style: italic; niin sivu ei rikkoonnu..!!

Pitäis varmaan mennä nukkumaan kun alkaa niin sekavia selittämään..=)