Hola a todos. Tengo un problema, mi web solo se ve bien en Internet Explorer. Según creo, esto ocurre porque cada navegador entiende de forma distinta el cogigo html... Y para solucionarlo hay que usar una hoja de estilos... ¿hasta aqui voy bien no?? El problema es que yo uso una hoja de estilos... y aun así se ve mal en todos los navegadores!!! salvo en Explorer...
¿que pasa???
Supongo que habre cometido un error en la hoja de estilos, ya que si el error estuviese en el cogigo HTML, la web se vería mal también en Internet Explorer... esto es correcto??
Por eso os pongo aqui la hoja de estilos, para ver si alguien me puede ayudar e indentificar el error...
HOJA DE ESTILO
* {margin:0px ; padding:0px ; border: 0px}
p {text-align:left ; background-color: red }
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {front-size: 1em; color: white ; font-weight: bold ; text-decoration: none ; text-align:left ; margin-top: 10px}
body {text-align: center }
#global {width: 800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ;
height: 12px ; overflow : hidden }
#cabecera { background-color: red ; border-left: black 1px solid ; border-right: black 1px solid ; height:65px }
#logotipo {background-color: red ; width: 570px ; float:left ; margin-top: 10px ; margin-left: 10px }
#afiliate {background-color: red ; width:100px ; float:right ; margin-top: 10px ; margin-right: 10px }
#navegacion {background-color: white ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 50px }
#contenido {background-color: red ; border-left: black 1px solid ; border-right: black 1px solid ; height: 800px ; text-align:center ; padding: 20px 20px 20px 20px ; text-indent: 15px }
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: #EEEED1; width: 200px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px ; border: black 1px solid 1px solid 1px solid 1px solid }
#menu li { list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; font-size:25px }
#pie { background-color: red ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ; height: 65px ; text-align:left }
#pie li {list-style: none ; font-size: 17px ; margin: 20px 20px 20px 20px }
#pieuno {background-color: red ; float:left ; width:398px }
#piedos {background-color: red ; float:left ; width:398px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
img {border-style: none ;margin-top: 5px }
a {color:black ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:inderline ; background-color: silver}
a:active {}
Para ver el código HTML, visitar mi web y darle a "ver", y luego codigo fuente
www.jsretiro.org
¿que pasa???
Supongo que habre cometido un error en la hoja de estilos, ya que si el error estuviese en el cogigo HTML, la web se vería mal también en Internet Explorer... esto es correcto??
Por eso os pongo aqui la hoja de estilos, para ver si alguien me puede ayudar e indentificar el error...
HOJA DE ESTILO
* {margin:0px ; padding:0px ; border: 0px}
p {text-align:left ; background-color: red }
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {front-size: 1em; color: white ; font-weight: bold ; text-decoration: none ; text-align:left ; margin-top: 10px}
body {text-align: center }
#global {width: 800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ;
height: 12px ; overflow : hidden }
#cabecera { background-color: red ; border-left: black 1px solid ; border-right: black 1px solid ; height:65px }
#logotipo {background-color: red ; width: 570px ; float:left ; margin-top: 10px ; margin-left: 10px }
#afiliate {background-color: red ; width:100px ; float:right ; margin-top: 10px ; margin-right: 10px }
#navegacion {background-color: white ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 50px }
#contenido {background-color: red ; border-left: black 1px solid ; border-right: black 1px solid ; height: 800px ; text-align:center ; padding: 20px 20px 20px 20px ; text-indent: 15px }
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: #EEEED1; width: 200px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px ; border: black 1px solid 1px solid 1px solid 1px solid }
#menu li { list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; font-size:25px }
#pie { background-color: red ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ; height: 65px ; text-align:left }
#pie li {list-style: none ; font-size: 17px ; margin: 20px 20px 20px 20px }
#pieuno {background-color: red ; float:left ; width:398px }
#piedos {background-color: red ; float:left ; width:398px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
img {border-style: none ;margin-top: 5px }
a {color:black ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:inderline ; background-color: silver}
a:active {}
Para ver el código HTML, visitar mi web y darle a "ver", y luego codigo fuente
www.jsretiro.org