Tengo un blog que no se ve ni parecido en IE y en Firefox.
La direccion es http://www.algarinejoven.com/diario/index.php y en
Firefox se muestra correctamente pero en IE no. La cosa es que antes
si lo hacia y no se que he modificado para que se haya producido este
cambio.
La hoja de estilos es la siguiente:
a {
color: #eab485;
}
a img {
border: none;
color: #393f3f;
}
a:visited {
color: #404040;
}
a:hover {
text-decoration: underline;
color: #403c39;
}
acronym, abbr {
border-bottom: 1px none #333;
color: #393f3f;
}
acronym, abbr, span.caps {
cursor: help;
font-size: 90%;
letter-spacing: .07em;
color: #393f3f;
}
blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
color: #393f3f;
}
body {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana,
sans-serif;
margin: 0;
padding: 0;
background: #ebebeb;
color: #393f3f;
}
cite {
font-size: 90%;
font-style: normal;
color: #393f3f;
}
#content {
background: transparent;
margin: 60px 0px 0 0px;
padding-right: 0px;
width: 60%;
position: absolute;
left: 300px;
color: #393f3f;
}
#header {
background: #ffffff url(images/angel.jpg) no-repeat;
font: normal 200%/18% "Lucida Handwriting" Geneva, Arial, Helvetica,
sans-serif italic, serif;
letter-spacing: 0.2em;
margin: 0;
border-bottom: 1px none #ccc;
color: #393f3f;
text-align: left;
text-indent: 18%;
padding: 68px 10px 68px 60px;
}
#header a {
color: #393f3f;
text-decoration: none;
}
#header a:hover {
text-decoration: underline;
color: #393f3f;
}
#content h2 {
font: 15px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial,
sans-serif;
font-weight: bold;
color: #000;
letter-spacing: 0.2em;
margin: 0px 0px 0px 15px;
padding: 2px 0 2px 5px;
background: #fff;
width: 101%;
border-left: 1px solid #ccc;
}
.post {
margin: 0px 0px 20px 0px;
background: #ffffff;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #393f3f;
}
.storytitle {
font-family: Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
margin: 0;
background: #9e7a5a;
padding: 2px 0px 2px 5px;
width: 100%;
color: #ebebeb;
}
.storytitle a {
text-decoration: none;
color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.storytitle a:hover {
color: #fff;
text-decoration: underline;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
h3 {
color: #393f3f;
}
.meta {
font-size: .75em;
padding: 1px 0px 1px 5px;
background: #ebd686;
width: 95%;
color: #393f3f;
}
.meta, .meta a {
color: #393f3f;
font-weight: normal;
letter-spacing: 0;
}
.meta ul {
display: inline;
margin: 0;
padding: 0;
list-style: none;
color: #393f3f;
}
.meta li {
display: inline;
color: #393f3f;
}
.storycontent{
padding: 0px 5px 5px 5px;
color: #393f3f;
}
.storycontent div:first-letter {
font-weight: bold;
text-transform: capitalize;
font-family: "Lucida Handwriting", "Lucida Calligraphy", fantasy,
serif, sans-serif;
font-size: 200%;
font-style: italic;
}
.storycontent p img{
display: block;
margin: 1em auto;
}
ol#comments li p {
font-size: 100%;
color: #393f3f;
}
p, li {
font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana,
sans-serif;
letter-spacing: -1px;
padding: 0px 5px 0px 0px;
color: #393f3f;
}
.credit {
background: #fff;
border-bottom: double 3px #f47f12;
border-right: none 1px #ccc;
color: #eab490;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
position: relative;
bottom: 10px;
left: 0px;
width: 203px;
height: 40px;
}
.credit a:link, .credit a:hover {
color: #eab490;
}
.feedback {
color: #eab490;
text-align: left;
padding: 0 0 0 5px;
font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana,
sans-serif;
}
#commentform input, #commentform textarea {
background: #fff;
border: 1px solid #333;
color: #393f3f;
}
#commentform textarea {
width: 100%;
color: #393f3f;
}
#menu {
background: #fff;
border-right: 1px none #ccc;
padding: 20px 0 10px 30px;
/*absolute: left;*/
left: 0px;
top: 150px;
width: 180px;
color: #393f3f;
border-bottom-style: none;
}
#menu form {
margin: 0 0 0 13px;
color: #393f3f;
}
#menu input {
background: #eee;
border: 1px solid #999;
letter-spacing: -0.05em;
width: 80%;
color: #393f3f;
}
#menu ul {
color: #eab490;
font-weight: bold;
list-style-type: none;
margin: 0;
padding-left: 3px;
text-transform: lowercase;
}
#menu ul li {
font: normal bold 100% 'arial', Times, serif;
letter-spacing: 0.1em;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
color: #393f3f;
text-transform: capitalize;
font-style: italic;
}
#menu ul ul {
list-style-type: none;
font-variant: normal;
font-weight: normal;
line-height: 100%;
margin: 0;
padding: 0;
text-align: left;
color: #393f3f;
text-transform: none;
}
#menu ul ul li {
border: 0;
font: normal normal 70%/115% 'Lucida Grande', 'Lucida Sans Unicode',
Verdana, sans-serif;
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 12px;
color: #393f3f;
text-transform: none;
}
#menu ul ul li a {
color: #393f3f;
text-decoration: none;
font-size: 125%;
text-transform: none;
line-height: 135%;
}
#menu ul ul li a:hover {
border-bottom: 1px dashed #393f3f;
color: #393f3f; /*font-size: 125%;*/
text-transform: none;
}
#blog a {
margin-left: 12px;
margin-bottom: 8px;
color: #393f3f;
text-decoration: none;
font-size: 75%;
text-transform: none;
line-height: 155%;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
#blog a:hover {
margin-left: 12px;
margin-bottom: 8px;
border-bottom: 1px dashed #393f3f;
color: #393f3f; /*font-size: 125%;*/
text-transform: none;
}
#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
color: #393f3f;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
color: #393f3f;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
color: #393f3f;
}
#wp-calendar a {
display: block;
text-decoration: none;
color: #393f3f;
}
#wp-calendar a:hover {
background: #ebebeb;
color: #393f3f;
}
#wp-calendar caption {
color: #eab490;
font-size: 16px;
text-align: left;
}
#wp-calendar td {
color: #ccc;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana,
sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
color: #393f3f;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
color: #393f3f;
}
A ver si alguien me podia hechar una mano, aunque sea mucho pedir.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
