margini laterali sul blog?

[lalla988]

Ciao a tutti, ho bisogno del vostro aiuto. Allora io ho un blog, premetto che non me ne intendo molto di html, il mio problema e che ho cambiato alcuni valori relativi al main wrapper e la sidebar, fin qui tutto bene. Il mio problema sono i margini, cioè i margini a destra e sinistra dello schermo( non so come si chiamano) anche mettendo margin left e margin right, le due colonne non si spostano. Come posso fare?

Vi lascio il pezzo di html:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {

margin: 0px;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
margin left:5%;
margin right:5%;
width: 60%;
float: right;
display: inline; /* fix for doubling margin in IE */
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 */
}

#sidebar-wrapper {
margin right: 10%;
margin left: 10%;
width: 26%;
float: left;
display: inline; /* fix for doubling margin in IE */
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 */
}


Grazie mille in anticipo.
Laura

[ResianTaxidrive]

credo che sia una questione di percentuali, la somma di tutti i valori dà più di 100 quindi prova a ricalcolare il tutto con altri valori.

[lalla988]

Ho cambiato le percentuali in questo modo:
#outer-wrapper {

margin: 0px;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
margin left:7%;
margin right:7%;
width: 52%;
float: right;
display: inline; /* fix for doubling margin in IE */
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 */
}

#sidebar-wrapper {
margin right: 7%;
margin left: 7%;
width: 20%;
float: left;
display: inline; /* fix for doubling margin in IE */
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 */
}



Ma è peggiorato ancora di più le due colonne sono più distanziate l'una dall'altra e a ridosso dello schermo, ai due estremi quindi.
Io veramente non capisco dove sbaglio.

[ResianTaxidrive]

l'#outer-wrapper dovrebbe avere un valore in larghezza altrimenti ti occupa tutto lo schermo, anche più di quel che vorresti tu

[lalla988]

Il valore a schermo pieno sarebbe 1025px giusto?
Ma anche se metto il width:1025px; in outer-wrapper la situazione non cambia, rimane la stessa.

[ResianTaxidrive]

si può avere un esempio visivo del tuo problema?

P.S non superare i 1000px

[lalla988]

si certo hai ragione, il blog è www.barbie-laura.blogspot.com.