Pistin ongelmani myös mureakuhan foorumille. http://mureakuha.com/keskustelut/9?15118p1#box
Tein sivut vähän aikaa sitten. Sivujen päivittämiseen asentelin CMS made simplen jonka WYSIWYG editori on TinyMCE. Sivulla on blogi, jota hallitaan wordpressillä, jossa on myös TinyMCE käytössä. Kaikki toimii muuten loistavasti pientä tekstin muotoilu ongelmaa lukuunottamatta. Sivulla on kaksi diviä vierekkäin. Vasen div toimii osiona, johon sijoitetaan pääteksti ja oikea div on ilmoituksia varten. Tekstiä lisättäessä Macilla (safari tai opera) vasempaan diviin, teksti kulkee oikeaan diviin. Yleensä vain jokin rivi tekstistä ylittää vasemman vasemman divin ja kulkee oikean divin päälle. Eli teksti paikkapaikoin ylittää vasemman divin rajat.
Olen korjannut ongelman pc:n firefoxilla yksinkertaisesti siten, että olen vain mennyt joko wordpressin tai CMS made simplen hallintapaneeliin ja tekstin muokkausosiossa tallentanut tekstin uudestaan sen kummemmin tekstiä muokkaamatta. Outo ongelma, eikö?
Ja sitten koodia:
****
Otsikkoa
10kk treeni
PLaaplaaplaa
ILMOITUSTAULU
Plaaplaaa
Pälälpalalaplpe eplpedlepdl eoeoeoeoeo emdaksmskd jou prkl
****
css:
****
* {
margin: 0;
padding: 0;
}
body {
margin: 0;
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 10pt;
line-height: 1.6;
color: #656565;
text-decoration: none;
background: #cbcbcb
}
#runko {
width: 813px;
margin: 0 auto;
position: relative;
}
#middle {
background: url(/palat/middle.png) repeat-y;
width: 813px;
overflow: auto;
}
#content h1 {
font-family: "Trebuchet Ms", Arial, sans-serif;
font-size: 16pt;
margin: 20px 0 0 0;
text-decoration: none;
color: #EAA630;
font-weight: normal;
}
#content h3 {
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 11pt;
color: #656565;
text-decoration: none;
font-weight: bold;
margin: 20px 0 0 15px;
}
#content p {
margin: 20px 0 0 15px;
}
#content a:link, #content a:visited {
font-family: Arial, "Trebuchet Ms", sans-serif;
line-height: 1.6;
font-size: 9pt;
color: #EAA530;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#content h1 a:link, #content h1 a:visited {
font-family: "Trebuchet Ms", Arial, sans-serif;
font-size: 16pt;
text-decoration: none;
color: #EAA630;
font-weight: normal;
}
#middle_vas {
width: 504px;
float: left;
}
#middle_oik {
width: 309px;
float: right;
}
#kalenteri {
margin: 37px 0px 10px 0px;
}
#kalenteri h2 {
font-size: 14pt;
margin: 0 45px 20px 0;
font-weight: normal;
text-align: center;
}
#kalenteri a:link, a:visited {
font-size: 8pt;
color: #656565;
font-weight: normal;
text-decoration: underline;
}
#kalenteri a:hover {
text-decoration: none;
}
#kalenteri p {
margin: 10px 30px 0 30px;
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 9pt;
color: #656565;
text-decoration: none;
}
#kalenteri b {
margin: 10px 30px 0 30px;
}
****
IE6:lla katsottaessa taustaväri ei näy ja fontti ei ole oikea (eli selain näyttää oletusfontin), mutta kun lähdekoodin nappaa sivulta ja tallentaa esim testi.php tiedostoksi ja katsoo uudestaa IE6:lla, kaikki toimii loistavasti. Mistäköhän tämä mahtaa johtua? Koodi on validia.
Tein sivut vähän aikaa sitten. Sivujen päivittämiseen asentelin CMS made simplen jonka WYSIWYG editori on TinyMCE. Sivulla on blogi, jota hallitaan wordpressillä, jossa on myös TinyMCE käytössä. Kaikki toimii muuten loistavasti pientä tekstin muotoilu ongelmaa lukuunottamatta. Sivulla on kaksi diviä vierekkäin. Vasen div toimii osiona, johon sijoitetaan pääteksti ja oikea div on ilmoituksia varten. Tekstiä lisättäessä Macilla (safari tai opera) vasempaan diviin, teksti kulkee oikeaan diviin. Yleensä vain jokin rivi tekstistä ylittää vasemman vasemman divin ja kulkee oikean divin päälle. Eli teksti paikkapaikoin ylittää vasemman divin rajat.
Olen korjannut ongelman pc:n firefoxilla yksinkertaisesti siten, että olen vain mennyt joko wordpressin tai CMS made simplen hallintapaneeliin ja tekstin muokkausosiossa tallentanut tekstin uudestaan sen kummemmin tekstiä muokkaamatta. Outo ongelma, eikö?
Ja sitten koodia:
****
Otsikkoa
10kk treeni
PLaaplaaplaa
ILMOITUSTAULU
Plaaplaaa
Pälälpalalaplpe eplpedlepdl eoeoeoeoeo emdaksmskd jou prkl
****
css:
****
* {
margin: 0;
padding: 0;
}
body {
margin: 0;
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 10pt;
line-height: 1.6;
color: #656565;
text-decoration: none;
background: #cbcbcb
}
#runko {
width: 813px;
margin: 0 auto;
position: relative;
}
#middle {
background: url(/palat/middle.png) repeat-y;
width: 813px;
overflow: auto;
}
#content h1 {
font-family: "Trebuchet Ms", Arial, sans-serif;
font-size: 16pt;
margin: 20px 0 0 0;
text-decoration: none;
color: #EAA630;
font-weight: normal;
}
#content h3 {
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 11pt;
color: #656565;
text-decoration: none;
font-weight: bold;
margin: 20px 0 0 15px;
}
#content p {
margin: 20px 0 0 15px;
}
#content a:link, #content a:visited {
font-family: Arial, "Trebuchet Ms", sans-serif;
line-height: 1.6;
font-size: 9pt;
color: #EAA530;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#content h1 a:link, #content h1 a:visited {
font-family: "Trebuchet Ms", Arial, sans-serif;
font-size: 16pt;
text-decoration: none;
color: #EAA630;
font-weight: normal;
}
#middle_vas {
width: 504px;
float: left;
}
#middle_oik {
width: 309px;
float: right;
}
#kalenteri {
margin: 37px 0px 10px 0px;
}
#kalenteri h2 {
font-size: 14pt;
margin: 0 45px 20px 0;
font-weight: normal;
text-align: center;
}
#kalenteri a:link, a:visited {
font-size: 8pt;
color: #656565;
font-weight: normal;
text-decoration: underline;
}
#kalenteri a:hover {
text-decoration: none;
}
#kalenteri p {
margin: 10px 30px 0 30px;
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 9pt;
color: #656565;
text-decoration: none;
}
#kalenteri b {
margin: 10px 30px 0 30px;
}
****
IE6:lla katsottaessa taustaväri ei näy ja fontti ei ole oikea (eli selain näyttää oletusfontin), mutta kun lähdekoodin nappaa sivulta ja tallentaa esim testi.php tiedostoksi ja katsoo uudestaa IE6:lla, kaikki toimii loistavasti. Mistäköhän tämä mahtaa johtua? Koodi on validia.
Vastaukset
Vanhimmat
Ei vielä vastauksia
Aloittaja odottaa vastauksia. Kerro oma näkemyksesi ensimmäisenä.