Un bacio alle dame e un saluto ai cavalieri
Mi trovo alle prese con un foglio di stile css, per un blog in wordpress, allora quando passo alla risoluzione 1024 X 800, il bolg non risulta nella posizione centrale, ma è sulla destra, allora vorrei posizionarlo nella posizione centrale quando viene visualizzato nella risoluzione 1024 X 800, ma non sono molto pratico di fogli di stile, perciò vi chiedo una piccala mano, per le modifiche da fare vi invio l’intera pagina, cosi mi indicate dove devo intervenire.
/
body {
background-color:#ffffff;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.table {
width:100%;
height:272px;
display:table;
}
.table_row {
height:100%;
width:100%;
display:table-row;
}
.left {
width:766px;
height:272px;
background-image:url('images/hbg.jpg');
background-position:top;
background-repeat:no-repeat;
vertical-align:top;
display:table-cell;
}
.right {
height:100%;
background-image:url('images/bbg.jpg');
background-position:left top;
background-repeat:repeat-x;
vertical-align:top;
display:table-cell;
}
* html .left{float:left;}
* html .right {float:right;}
div {
font-family:Tahoma, Arial, Arial MT;
font-size:12px;
}
.search {
text-align:right;
padding-right:30px;
color:#ffffff;
font-size:12px;
font-weight:bold;
}
.search a {
color:#ffffff;
text-decoration:none;
}
.slogan {
font-size:11px;
color:#ffffff;
padding-left:77px;
}
.co_name a {
color:#ffffff;
font-family: Arial, Arial MT, Tahoma;
font-size:35px;
font-weight:bold;
padding-left:44px;
text-decoration:none;
}
.menu1 {
background-image:url('images/menu2.gif');
background-repeat:repeat-x;
width:311px;
}
.menu2 {
background-image:url('images/menu1.gif');
background-position:left top;
background-repeat:no-repeat;
width:311px;
}
.menu {
background-image:url('images/menu3.gif');
background-position:right top;
background-repeat:no-repeat;
width:311px;
height:47px;
}
.menu ul {
display:inline;
}
.menu li {
display:inline;
}
.menu li a {
background-image:url('images/menu_bul.gif');
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
padding-right:20px;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
height:23px;
line-height:47px;
text-decoration:none
}
.table2 {
width:755px;
display:table;
}
.table_row2 {
height:100%;
display:table-row;
}
.left2 {
width:196px;
height:100%;
vertical-align:top;
display:table-cell;
}
.right2 {
width:559px;
height:100%;
vertical-align:top;
display:table-cell;
}
* html .left2{float:left;}
* html .right2 {float:right;}
.left_content {
padding:0px 15px 0px 26px;
}
.left_content strong{
color:#FF3399;
}
.left_content ul {
padding:15px 0px 0px 15px;
margin:0px 0px 0px 0px;
list-style-type:square;
color:#0F83DD;
}
.left_content ul li a {
color:#0F83DD;
text-decoration:underline;
font-weight:bold;
line-height:16px;
}
.right_content {
background-image:url('images/r2.gif');
padding-left:10px;
padding-right:10px;
}
.right_header a strong{
color:#FF3399;
text-decoration:none;
font-size:17px;
line-height:17px;
font-weight:500px;
}
.right_header small {
color:#333333;
font-size:11px;
}
.right_content a{
color:#0F83DD;
font-weight:bold;
}
.postmetadata {
margin:0px 0px 0px 0px;
padding:15px 0px 0px 0px;
text-align:right;
}
.postmetadata a {
color:#333333;
text-decoration:none;
}
.footer {
padding-left:208px;
color:#333333;
}
.footer a {
color:#333333;
text-decoration:underline;
}
.postmetadataalt {
font-size:10px;
}
Rispondi quotando