Saludos gente y feliz año nuevo.
Tengo instalado el wordpress y creo k en la hoja de estilos deve aber algo mal porke visualizando la web en mozilla y explorer, la pagina se ve algo descentrada en especial los marcos laterales. pueden ver el fallo
Aqui
el style es el siguiente.
Código PHP:
/* Begin Typography & Colors */
body {
font-size: 10px;
font-family: Verdana, Arial, Tahoma;
background-color: #ECECEC;
color: #3E3E3E;
text-align: center;
}
input {
padding-top: 3px;
border: 1px solid #CFD8E0;
background: #fff;
color: #3E3E3E;
font: 10px Verdana, Arial, Tahoma;
}
textarea {
border: 1px solid #CFD8E0;
background: #fff;
color: #3E3E3E;
font: 10px Verdana, Arial, Tahoma;
}
#page {
background-color: white;
border: 0px solid #ECECEC;
text-align: left;
}
#header {
background-color: #ECECEC;
}
#content {
font-size: 10px;
font-family: Verdana, Arial, Tahoma;
}
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
text-align: center;
}
.graybox {
background-color: #ffffff;
border: 1px solid #ddd;
}
.graybox2 {
background-color: #FBFBFB;
border: 1px solid #ddd;
}
#footer {
background-color: #ECECEC;
}
small {
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: Verdana, Arial, Tahoma;
font-weight: bold;
color:#abababa;
padding: 14 14 0 0;
}
h1 {
font-size: 4em;
text-align: center;
}
.description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 10px;
color:#abababa;
}
h2.pagetitle {
font-size: 10px;
}
#sidebar h2 {
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
}
h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color:#abababa;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #9E2314;
}
.commentlist li, #commentform input, #commentform textarea {
font-family: Verdana, Arial, Tahoma;
}
.commentlist li {
font-weight: bold;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: Verdana, Arial, Tahoma;
}
.commentmetadata {
font-weight: normal;
}
#sidebar {
font-family: Verdana, Arial, Tahoma;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
code {
font-family: Tahoma, Verdana, Arial;
color:#000000;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
border: 1px;
border-color: Gray;
border-style: solid;
background: #E5E5E5;
font-variant: normal;
display: block;
background-color: #ffffff;
border: 1px solid #ddd;
text-align: left;
FONT-SIZE: 105%;
font-family:"Courier New";
white-space: normal;
word-spacing: normal;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}
a:hover {
color: #147;
text-decoration: underline;
}
#wp-calendar #prev a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em Verdana, Arial, Tahoma;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Structure */
body {
margin: 0;
padding: 0;
}
#page {
background-color: white;
margin: 0px auto;
padding: 0 0 0 0;
width: 785px;
border: 0px none #959596;
}
#header {
padding: 0;
height: 140px;
width: 100%;
}
#headerimg {
margin: 0;
width: 100%;
}
.narrowcolumn {
float: left;
padding: 0 50 0 0;
margin: 0 50 0 0;
width: 525px ; /*430px;*/
border:0;
padding-right: 2px;
margin-right: 2px;
}
.post{
text-align: justify;
padding-left: 60px;
width:435px;
}
.post_header {
margin: 0 0 0 0px;
height: 35px;
width:525px;
border: none;
vertical-align: top;
background: url(images/content_header.gif) no-repeat;
clear: right;
float: both;
margin-left:0px;
}
.post_content{
width:525px;
border: none;
vertical-align: top;
background: url(images/content_bg.gif);
background-repeat: repeat-y;
}
.post_content{
margin-left:2px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .post_content {
margin-left:3px;
}
/* End hide from IE5/mac */
.post_meta_footer {
background: #CCCCCC;
margin-top: 1px;
font-family: Verdana, Arial, Tahoma;
font-size: 9px;
color: #FFFFFF;
margin-bottom: 1px;
font-weight: normal;
letter-spacing: 0px;
background-color: #788D9F;
color:#ffffff;
border: 1px solid #788D9F;
}
.post_meta_footer ul {
margin: 0px;
padding: 0px;
}
.post_meta_footer li {
color:#ffffff;
list-style-type: none;
padding-left: 2px;
display: inline;
padding-right: 2px;
padding-bottom: 4px;
padding-top: 1px;
}
.post_meta_footer a {
background-color: #788D9F;
color: #ffffff;
list-style-type: none;
padding-left: 2px;
display: inline;
padding-right: 2px;
padding-bottom: 4px;
padding-top: 1px;
text-decoration:none;
background-color: #788D9F;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
color:#ffffff;
}
.post_meta_footer a:hover {
color: #a37d09;
background-color: #788D9F;
color: #ffffff;
list-style-type: none;
padding-left: 2px;
display: inline;
padding-right: 2px;
padding-bottom: 4px;
padding-top: 1px;
text-decoration:none;
background-color: #788D9F;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
color:#ffffff;
}
.post_footer{
margin: 0 0 0 0px;
height: 9px;
width:525px;
border: none;
vertical-align: top;
background: url(images/content_footer.gif) no-repeat;
clear: right;
float: both;
margin-left:0px;
}
.post-date{
font-family: Verdana, Arial, Tahoma;
color:#ffffff;
padding-right: 14px;
font-size: 10px;
}
.post-headline{
font-family: Verdana, Arial, Tahoma;
padding-left: 58px;
font-size: 10px;
padding-top: 12px;
padding-top: 12px;
}
.post-headline a:link, .post-headline a:visited, .post-headline a:hover, .post-headline a:active{
font-family: Verdana, Arial, Tahoma;
color: #ffffff;
text-decoration: none;
letter-spacing: 0px;
text-transform: none;
font-weight: bold;
padding-top: 12px;
}
/* Begin Comment */
.theme_comment_box{
width:525px;
border: none;
vertical-align: top;
background-repeat: repeat-y;
background: url(images/comment_box_bg.gif);
}
.theme_comment_box{
margin-left:2px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .theme_comment_box {
margin-left:3px;
}
/* End hide from IE5/mac */
.theme_comment_box_header {
margin: 0 0 0 0px;
height: 35px;
width:525px;
border: none;
vertical-align: top;
clear: right;
float: both;
margin-left:0px;
background: url(images/comment_box_top.gif) no-repeat ;
}
.theme_comment_box_footer {
height: 9px;
border: none;
width:525px;
vertical-align: top;
background: url(images/comment_box_bottom.gif) no-repeat ;
}
#theme_comment_box_main {
width:525px;
border: none;
vertical-align: top;
background: url(images/comment_box_bg.gif) repeat-y;
}
.comment-headline{
font-family: Verdana, Arial, Tahoma;
color: #ffffff;
text-decoration: none;
letter-spacing: 0px;
text-transform: none;
font-weight: bold;
padding-left: 58px;
font-size: 10px;
padding-top: 12px;
padding-top: 12px;
}
/* End Comment */
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 10px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
#footer {
padding: 0;
margin: 0 auto;
width: 780px;
clear: both;
}