Printable View
ho un problema.....le colonne non sono in tutte le pagine della stessa altezza, percio la sidebar rimane vuota....ma in alcune essendo piu corte si riempie tutta.....vorrei sapere come poter fare per riempirla tutta .....ecco guardate il problema....http://younaruto.altervista.org
Potesti impostare una lunghezza fissa
Ma sei edo98?
Comunque tu utilizzi un tema wordpress, e mettendo il caso che la colonna di destra (dove c'è l'articolo) deve essere sempre più lunga della colonna di destra:
dando un'occhiata all'html del tuo tema, hai già un div "cnt", ti basterebbe dare il background arancione al div "#cnt", poi dai un background bianco al "#content", e togli il background alla "#sidebar".
Questo dovrebbe risolvere tutto.
Comunque il tuo tema è un po' strano, perchè contiene due tag <body>.
Anzi, se vai nel file sidebar.php dovresti trovare l'apertura del tag <body> che dovresti anche eliminare.
E soprattutto, se non ho visto male, non c'è la chiusura nè per il primo body e nè per il secondo.
In questo caso dovresti andare nel footer.php e alla fine chiudere con </body></html>
Citazione:
Originalmente inviato da musicanapoli
scusa ti potrei chiedere come fai a dirmi anche il codice che ho scritto???????
mpazoooooo
Basta vedere il codice del tuo blog dal browser.Citazione:
Originalmente inviato da younaruto
ma il cnt e il contenent sarebbero "sidebar" e "main" madonna sto fondendo
Prova con questo se le colonne sono 2 (primaria e secondaria) metti nella secondaria:
Ciao.Codice PHP:#colsec { height: 100%; }
Per non farti fondere (:p) ho fatto un po' di modifiche:Citazione:
Originalmente inviato da younaruto
http://i32.tinypic.com/68g0hf.png
Ti andrebbe bene questo risultato?
Se è si, ti passo il CSS che devi semplicemente incollare al posto di quello che hai già...
ti ringraziooooooooo......sarei felicissimooooooooooooooooooo.......grazie........ .........accetto volentieri|||||:shock::roll::incavolat:evil::crycr y::wink::???::!::?::top::idea:
Ok.Citazione:
Originalmente inviato da younaruto
Allora, prima di tutto prendi il file style.css del tuo tema e lo copi da qualche parte, insomma fai un backup.
Poi, sempre dal tuo pannello amministrativo di wordpress, apri lo style.css del tuo tema e cancelli tutto, tranne le prime righe del tipo:
Questo pezzo lo lasci stare, mentre cancelli il resto, ed incolli il seguente codice:Codice:/*
Theme Name: Nome del tema
Theme URI: url del tema
Description: descrizione
Author: nome autore
Author URI: sito internet
*/
Ultima cosa...apri il "footer.php" ed al posto di </htm> metti </html>Codice:.alterbanner_728X90_on {
margin : auto;
padding : 10px 0 5px 0;
text-align : center;
}
.alterbanner_728X90_off {
display : none;
}
.alterbanner_0X1_off {
display : none;
}
* {
margin : 0;
padding : 0;
}
body {
background : #2c2c2c url(img/bodybg2.gif) no-repeat top center;
color : #000;
font-size : 11px;
font-family : "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
img {
border : 0;
}
.cnt {
width : 756px;
background:white;
margin : 10px auto 30px;
}
.header {
background: url('img/headerbg.gif') no-repeat;
width : 760px;
height : 143px;
float : left;
}
.head1 {
width : 485px;
padding : 40px 15px 0 0;
text-align : center;
float : left;
}
.header h1 a {
color : #fff;
text-decoration : none;
}
.header h1 a:hover {
text-decoration : underline;
}
.header h1 {
color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 36px;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 0;
}
.description {
color : #fff;
font-size : 12px;
}
.head2 {
width : 260px;
float : left;
}
.head2 p {
color : #fff;
padding : 0 15px;
font-size : 12px;
line-height : 16px;
}
.head2 h3 {
color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 5px;
padding : 15px 0 0 16px;
text-transform : lowercase;
}
.main {
width : 756px;
background:url('img/bloque1bg.jpg') ;
}
.content {
padding : 20px 6px 0 10px;
float : right;
width : 485px;
background:white;
}
.content a {
color : #f5d0a9;
}
.navigation {
font-size : 14px;
margin-bottom : 15px;
}
.post {
margin-bottom : 30px;
}
.posttitle {
margin-bottom : 15px;
}
.post h2 {
color : #294a59;
font-size : 26px;
font-weight : normal;
letter-spacing : -1px;
}
h2.pagetitle {
color : #555;
font-size : 22px;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 15px;
}
.post h2 a {
color : #294a59;
text-decoration : none;
}
.post h2 a:hover {
text-decoration : underline;
}
.post small {
color : #294a59;
display : block;
margin-bottom : 15px;
}
.post p {
font-size : 14px;
margin-bottom : 15px;
line-height : 21px;
}
.post blockquote {
background : url(img/blockquotebg2.gif) no-repeat;
color : #294a59;
padding : 15px 0 0 42px;
}
.post ul {
list-style-type : none;
font-size : 14px;
margin-bottom : 15px;
}
.post ul li {
background : url(img/bullet02.gif) no-repeat 0 5px;
margin-bottom : 5px;
padding-left : 17px;
}
p.postmetadata {
font-size : 11px;
margin : 3px 0;
}
.sidebar {
font-size : 12px;
float : left;
width : 250px;
margin-left : 0;
padding : 10px 3px 0 0;
line-height : 14px;
}
.bloque1, .bloque2 {
margin-bottom : 10px;
}
.bloque1 {
}
.bloque2 {
}
.bloque1 h3 {
color : #6c644d;
}
.bloque1 h3, .bloque2 h3 {
font-size : 19px;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 10px;
padding : 20px 0 5px 16px;
text-transform : lowercase;
}
.bloque2 h3 {
color : #294a59;
}
.sidebar ul {
list-style-type : square;
padding-left : 30px;
}
.sidebar p {
line-height : 16px;
}
.sidebar ul li {
margin-bottom : 5px;
}
.sidebar ul span {
color : #000;
}
.sidebar ul a {
color : #000;
text-decoration : none;
}
.bloque1 ul a {
border-bottom : 1px dashed #968e77;
}
.bloque1 p a, .bloque2 p a {
color : #000;
}
.bloque1 ul a:hover, .bloque1 p a:hover {
background-color : #6c644d;
color : #fff;
border : 0;
}
.bloque2 ul a {
border-bottom : 1px dashed #668b9c;
}
.bloque2 ul a:hover, .bloque2 p a:hover {
background-color : #294a59;
color : #fff;
border : 0;
}
.bloque1 ul {
color : #968e77;
padding-bottom : 12px;
}
.bloque2 ul {
color : #668b9c;
padding-bottom : 12px;
}
.buscar {
padding : 0 15px 15px;
}
.bus1 {
width : 140px;
font-size : 16px;
border : 1px solid #aaa;
}
.bus2 {
vertical-align : top;
}
.sidebar p {
padding : 0 10px 15px 16px;
}
.subscriberss {
padding : 0 0 15px 15px;
}
.subscriberss select {
width : 110px;
margin : 5px 5px 0 10px;
float : left;
}
.subscriberss a {
float : left;
}
.subscriberss a.btnnofloat {
float : none;
}
.subscriberss a.rsstext {
color : #000;
margin : 5px 0 0 3px;
float : left;
}
.bus1 {
width : 140px;
font-size : 16px;
border : 1px solid #aaa;
}
.bus2 {
vertical-align : top;
}
h2.responses {
color : #294a59;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
font-weight : normal;
margin-bottom : 10px;
text-transform : lowercase;
}
.commentlist {
width : 464px;
margin-bottom : 20px;
list-style-type : none;
font-size : 14px;
}
.commentlist li {
background : #e4ecee url(img/commentlistbg3.jpg) no-repeat;
padding-top : 20px;
margin-bottom : 15px;
}
.commentcontent {
padding : 0 10px;
margin-bottom : 15px;
}
.commentcontent p {
margin-bottom : 15px;
font-size : 12px;
color : #333;
line-height : 17px;
}
.commentcontent a {
color : #265368;
}
p.authorcom {
background-color : #fff;
text-align : right;
}
p.authorcom span {
background : #fff url(img/authorbg3.jpg) no-repeat;
color : #294a59;
font-size : 16px;
padding-left : 100px;
}
.authorcom small {
font-size : 10px;
}
.commentcontent {
padding : 0 10px;
}
.commentcontent ul {
list-style-type : none;
font-size : 12px;
color : #333;
line-height : 17px;
}
.commentcontent li {
background : transparent url(img/bullet02.gif) no-repeat 0 5px;
padding-left : 15px;
padding-top : 0;
margin-bottom : 5px;
}
.commentcontent blockquote {
background-color : #d5e0e3;
margin-bottom : 15px;
padding : 5px 5px 2px 8px;
border-left : 4px solid #b1c6d0;
font-size : 11px;
color : #777;
line-height : 17px;
}
.commentcontent blockquote p {
margin-bottom : 5px;
}
.commentform {
background : #f2f6f7 url(img/commentform2bg.jpg) no-repeat;
width : 440px;
padding : 20px 12px 0 12px;
margin-bottom : 20px;
}
.commentform h2 {
color : #294a59;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
font-weight : normal;
margin-bottom : 10px;
text-transform : lowercase;
}
.cfbox1 {
width : 150px;
margin-right : 20px;
padding-left : 3px;
float : left;
}
.cfbox2 {
width : 250px;
float : left;
}
.cfbox2 textarea {
width : 250px;
height : 108px;
}
.cfbox3 {
background : transparent url(img/cfbox3bg2.jpg) no-repeat right bottom;
width : 440px;
padding-bottom : 12px;
text-align : center;
clear : both;
}
.commentform label {
color : #294a59;
margin-bottom : 2px;
display : block;
}
.commentform input {
width : 150px;
margin-bottom : 10px;
}
.commentform textarea {
margin-bottom : 20px;
}
input.submit {
width : 150px;
margin-bottom : 6px;
margin-left : 173px;
display : block;
}
.footer {
background-image: url(img/footerbg3.gif) no-repeat;
width : 750px;
height : 68px;
padding : 0 0 0 7px;
color : #fff;
font-size : 11px;
display : block;
float : left;
}
p.foot1 {
padding-top : 25px;
}
p.foot2 {
padding-top : 25px;
float : right;
text-align : right;
margin-right : 5px;
}
.footer a {
color : #fff;
}
.footer a:hover {
background-color : #650000;
text-decoration : none;
}
.foot2 a:hover {
background-color : #294a59;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
a:link {
text-decoration : none;
}
grazie grazie grazie non credo che nella mia vita fosse stato cosi gentile.....grazie.....
a risoluzioni alte lo sfondo diventa bianco... copia questa immagine in una cartella e poi sostituisci:
body {
background : #2c2c2c url(img/bodybg2.gif) no-repeat top center;
color : #000;
font-size : 11px;
font-family : "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
con
body {
background:url("indirizzo di quell' immagine qui") repeat-x;
background-color: #F77B2C;
color : #000;
font-size : 11px;
font-family : "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
e poi c'è un footer che fa "fare la cacca"