hola! bueno, lo cierto es que estoy muy verde en esto del desarrollo web, por eso queria ver si me podiais echar una mano, perdon si lo que pregunto es una tontería... jjj
Lo que me pasa es que la web que estoy haciendo se me ve de una forma muy distinta en el Firefox y en el Explorer. Ya sé que en muchas cosas de CSS difieren los resultados según cual se use, pero es que mientras en el Explorer se me ve aceptable, en el firefox es horrible.
Tengo el tipico sidebar en el que pinchas para todos los enlaces del sitio, y con el Firefox cada una de las paginas del sitio me varia el tamaño de la letra y el sidebar se amplia o reduce, y la letra va de pequeña a dificilmente apreciable...xD
Ya no se que hacer, porque como tampoco entiendo mucho de CSS, no sé cual de los 2 navegadores me está interpretando bien los estilos, o si es algo que me sobra y es lo que me está dando estos problemas.
El archivo de estilo es:
Código:
body {margin-top: 20px;
padding: 0;
background: #1F1F1F;
font-size: 13px;
text-align: justify;
color: #5C5116;}
body, th, td, input, textarea, select, option {font-family: Arial, Times, serif;}
h1, h2, h3 {font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #819CDB;}
h1 {font-size: 36px;}
h2 {font-size: 2em;}
h3 {font-size: 1em;}
p, ul, ol {margin: 0;
padding: 0;
list-style: none;
line-height: 200%;}
blockquote {padding-left: 1em;}
blockquote p, blockquote ul, blockquote ol {line-height: normal;
font-style: italic;}
a {color: #413C20;}
hr {display: none;}
/* Portada */
#portada {text-align:center;
margin: auto;}
/* Cabecera */
#cabecera {width: 800px;
height: 270px;
margin: 0 auto;
background: url("imagenes/gherkin1.jpg") no-repeat left top;}
#cabecera h1, #cabecera p {margin: 0;
font-family: Arial, Helvetica, sans-serif;}
#cabecera h1 {color: #FFFFFF;
font-size: 50px;
padding: 90px 0 0 97px;}
#cabecera span {color: #000000;}
#cabecera p {margin-top: -5px;
padding-left: 80px;
font-size: 13px;
color: #FFFFFF;}
#cabecera a {text-decoration: none;
color: #FFB71C;}
/* Pagina */
#pagina {width: 800px;
margin: 0 auto;
background: #FFFFFF url("imagenes/img03.jpg") repeat-y left top;}
#pagina-top {background: url("imagenes/gherkin3.jpg") no-repeat left top;}
#pagina-medio {padding: 20px 30px;
background: url(images/img04.jpg) no-repeat left bottom;}
/* Cuerpo */
#cuerpo {float: right;
width: 500px;
padding-top: 90px;
margin-bottom: 30px;}
.post {padding:20px 0 0 0;}
.titulo {margin: 0;
padding-bottom: 5px;
font-size: 24px;
color: #3B3513;}
.titulo a {text-decoration: none;
color: #3B3513;}
.pagetitle {border-bottom: 2px solid #0F0F0F;}
.subtitulo {margin: -10px 0px 0px 0px;
border-bottom: 1px solid #CCCCCC;
color: #646464;
font-size:small;}
.entrada {padding: 30px 0px;
font-size:13px;}
#cuerpo li {margin: 0 0 0 20px;}
#cuerpo ul {list-style-type: circle;}
#cuerpo table {vertical-align: top;
height:320px;}
#cuerpo td {padding: 0 5px 0 0;}
/* Menú */
#menu {float: left;
width: 200px;
margin-top: -80px;
padding-top: 50px;
color: #B57969;}
#menu ul {margin: 0;
list-style: none;}
#menu li {}
#menu li ul {margin-bottom: 40px;}
#menu li li {border-bottom: 1px solid #FFFFFF;
padding: 5px 15px;
font-size:13px;}
#menu h2 {margin: 0;
height: 35px;
padding: 8px 0px 10px 15px;
font-size: 18px;
color: #FFE7E0;}
#menu a {text-decoration: none;
color: #E5DDAD;}
/* Pie */
#pie {clear: both;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: small;
font-family: Arial, Helvetica, sans-serif;
color: #B57969;}
#pie p {margin: 0;
padding: 20px 0px;}
#pie p a {color: #FFFFFF;)
Y la pagina es: http://tower-swiss.webcindario.com
gracias de antemano y perdon por la parrafada!