Osaako joku auttaa? Olen jo kolunnut monet ohjesivut ja muokannut koodin juuri sopivaksi, mutta edelleenkään teksti ei mene leveämmälle vaikka tekstikenttä itsessään on leveä. Olen siis muokannut bodyn, outer-wrapperin ja main wrapperin leveyksiä ja kaikki on ok mutta teksti ei mene leveämmälle.
Laitan tähän vielä pätkän koodiani havainnollistaakseni asiaa:
#outer-wrapper {
width:830px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyFont;
}
#main-wrap1 {
width:590px;
float:$startSide;
background:$mainBgColor url("") no-repeat $startSide bottom;
margin:15px 0 0;
padding:0 0 19px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-wrap2 {
float:$startSide;
width:100%;
background:url("") no-repeat $startSide top;
padding:10px 0 0;
}
#main {
background:url("") repeat-y $startSide;
padding:0;
width:590px;
}
#sidebar-wrap {
width:240px;
float:$endSide;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.main .widget {
margin-top: 4px;
width: 468px;
padding: 0 13px;
}
.main .Blog {
margin: 0;
padding: 0;
width: 484px;
}
Laitan tähän vielä pätkän koodiani havainnollistaakseni asiaa:
#outer-wrapper {
width:830px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyFont;
}
#main-wrap1 {
width:590px;
float:$startSide;
background:$mainBgColor url("") no-repeat $startSide bottom;
margin:15px 0 0;
padding:0 0 19px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-wrap2 {
float:$startSide;
width:100%;
background:url("") no-repeat $startSide top;
padding:10px 0 0;
}
#main {
background:url("") repeat-y $startSide;
padding:0;
width:590px;
}
#sidebar-wrap {
width:240px;
float:$endSide;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.main .widget {
margin-top: 4px;
width: 468px;
padding: 0 13px;
}
.main .Blog {
margin: 0;
padding: 0;
width: 484px;
}
Vastaukset 3
Vanhimmat
missäs tällaista koodia viljellään...? Bloggerissa vai missä...?
Ei ole ainakaan kunnon .css tagia....
helpoin olisi katsoa sivuasi ja sitten tukaista se koodi....
en jaksa katsoa tuota, mutta idea on se, että sun tarttee ensin leventää sitä koko roskan leveyttä ennen kun sä voit leventää jotain osaa siellä. toinen vaihtoehto on tietenkin, että sä kavennat jotain muuta vastaavasti, mutta toi ei välttämättä ole hyvä idea. eli etsi se koko roskan leveys ja levennä sitä ensin niin paljon kuin haluat leventää sitä haluamaasi juttua. ton jälkeen sitten levennät sen mitä sitten oletkin leventämässä.
Kiitos,
juuri niin olen tehnytkin ja siksi kirjoitankin tänne, koska ymmärrän kyllä jonkin verran koodia ja olen kolunnut monet ohjesivut ja tehnyt juuri kuten pitääkin - eli koodi on käsittääkseni oikein - ja silti tuo teksti ei levene. Koko body on levennetty, niin myös outer-wrapper ja side-wrapper, mutta ei auta. Olen kokeillut monia eri leveyksiä.
Ja kyse on siis Blogspotin Minima-pohjasta.