Antes que nada agradecer al equipo de colaboradores de comocreartuweb por el magnifico trabaja hasta ahora realizado.
Mi problema es el de tantos, y es el dichoso Google Chrome, en IE cierra el pie de pagina, pero en Chrome se queda abierto.Tambien el contenido por la derecha se sobrepasa un pixel creo, si pongo with:800 se sale y con 798 no, pero en IE se me queda corto.
Os adjunto mi css:
* {text-indent:0px; margin:0px; padding:0px; border:0px;}
p {text-align:justify;}
.centrado {text-align:left;}
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;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:155px;}
#logotipo {float:left ; width:280px;}
#publicidad {width:518px; float:right; margin-top:25px;}
#etiqueta {width:450px; float:center; margin:0px 0px 0px 0px; }
#navegacion {background-color:gray;border:black 1px solid;height:20px;}
#navegacion li {float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul { margin-left: 280px; }
#contenido {background-color:orange; width:800px; float:left;border-left:black 1px solid; border-right:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
#menu {width:150px; float:left;text-align:left; margin:5px 10px 5px 5px; background-image: url(objetos/menu-parte-inferior.gif);background-position:bottom; padding-bottom:5px }
#menu li {list-style:none ;margin: 16px 18px 14px 16px;}
#menu h1 {text-decoration:none; font-size:12px;padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif);text-align:center;}
#pie { background-color: white;border-left: black 1px solid;border-right: black 1px solid;border-top: black 1px solid; height: 65px;}
#pie li {list-style:none;font-size:12px;}
#pieuno {float:left;width:150px;}
#piedos {float:left;width:498px;}
#pietres {float:left;width:150px;}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:left;}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:left;}
h3 {font-size:0.8em; color:blue; font-weight:bold; text-decoration:none; text-align:left;}
h4 {font-size:0.8em; color:blue; font-weight:bold; text-decoration:none; text-align:left;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color:silver;}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#contenido a {}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {background-color: white }
#contenido a:active {}
Muchas Gracias.
Mi problema es el de tantos, y es el dichoso Google Chrome, en IE cierra el pie de pagina, pero en Chrome se queda abierto.Tambien el contenido por la derecha se sobrepasa un pixel creo, si pongo with:800 se sale y con 798 no, pero en IE se me queda corto.
Os adjunto mi css:
* {text-indent:0px; margin:0px; padding:0px; border:0px;}
p {text-align:justify;}
.centrado {text-align:left;}
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;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:155px;}
#logotipo {float:left ; width:280px;}
#publicidad {width:518px; float:right; margin-top:25px;}
#etiqueta {width:450px; float:center; margin:0px 0px 0px 0px; }
#navegacion {background-color:gray;border:black 1px solid;height:20px;}
#navegacion li {float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul { margin-left: 280px; }
#contenido {background-color:orange; width:800px; float:left;border-left:black 1px solid; border-right:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
#menu {width:150px; float:left;text-align:left; margin:5px 10px 5px 5px; background-image: url(objetos/menu-parte-inferior.gif);background-position:bottom; padding-bottom:5px }
#menu li {list-style:none ;margin: 16px 18px 14px 16px;}
#menu h1 {text-decoration:none; font-size:12px;padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif);text-align:center;}
#pie { background-color: white;border-left: black 1px solid;border-right: black 1px solid;border-top: black 1px solid; height: 65px;}
#pie li {list-style:none;font-size:12px;}
#pieuno {float:left;width:150px;}
#piedos {float:left;width:498px;}
#pietres {float:left;width:150px;}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:left;}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:left;}
h3 {font-size:0.8em; color:blue; font-weight:bold; text-decoration:none; text-align:left;}
h4 {font-size:0.8em; color:blue; font-weight:bold; text-decoration:none; text-align:left;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color:silver;}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#contenido a {}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {background-color: white }
#contenido a:active {}
Muchas Gracias.