Hola,mi problema es el siguiente:
He hecho una pgina(o algo asi) para probar a ver que tal me habia ido el curso paso paso,mientras iba haciendo pues todo bien,subi la prueba al servidor y hay una "cosilla" que no soy capaz,al pie le pongo un coolor de fondo y cunado abro esa pagina con el explorer o el opera,se ve todo bien(el color de fonfo)pero si la abro con mozilla o con el ggogle chrome,no se me ve el color de fondo,estuve probando cosas,con capas y listas pero no soy capaz a corregirlo,aqui os dejo la url y la hoja html y de estilos,a ver si podeis ayudarme. URL : http://snoesta.mywebcommunity.org
HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="transmenuC.txt " type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<title>Page title</title>
</head>
<body onload="init();">
<div id="global">
<div id="cabecera">
<div id="izquierda">
<ul>[*]home[*]Mapa del sitio[*]Aviso Legal[/list]</div>
<div id="centro">
<ul>[*]Links[*]FACQ y Glosario[*]Area Privada[/list]</div>
<div id="logo">[img]objetos-index/logo.gif[/img]</div>
</div>
<div id="contenido">
<div id="lateral">
[img]objetos-index/foto14[1].jpg[/img]</p>
<div id="banner1">
[img]objetos-index/banner1esp.gif[/img]</p></div>
<div id="banner2">
[img]objetos-index/banner2esp.gif[/img]</p></div>
</div>
<div id="contenidosup">
<ul>[*]BUSQUEDA[*]Busqueda Avanzada[/list]</div>
<div id="navegacion">
<ul> [*]QUIENES SOMOS [*]PRODUCTOS [*]NOTICIAS [*]CONTACTENOS [/list]</div>
<div id="contenidoinf">inferior</div>
</div>
<div id="pie">
<ul> [*]CAFOSA GUM S.A.U. [*]Calabria,267 [*]08029 [*]Barcelona [*]Spain [*]tel +34934100300 [*]Fax +34933214405 [*]Cafosa@cafosa.com [/list]</div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
y esta la hoja de estilos:
* {margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: white ; width: 800px ; float:left; height:65px }
#izquierda {background-color:white ; width: 200px ; float:left; text-align:left }
#izquierda li { list-style:none ; margin: 49px 7px 3px 7px ; text-align: left ; float:left ; font-size: 12px}
#centro {background-color: white ; width: 450px ; float:left ; text-align:left }
#centro ul {margin-left: 50px }
#centro li { list-style:none ; margin: 44px 15px 1px 15px ; text-align: left ; float:left; ; font-size: 20px}
#logo {background-color: white ; width: 150px ; float:left ;margin: 3px 0px 0px 0px}
#contenido {background-color: orange}
#lateral {background-color: silver ; width: 200px ; float:left; height:400px }
#banner1 {margin: 20px 12px}
#banner2 {margin: 20px 12px}
#contenidosup {background-color: white ; width: 599px; float:right ; height:30px ; border-top: silver 1px solid ; border-right: silver 1px solid}
#contenidosup li { list-style:none ; margin: 0px 60px 0px 60px ; text-align: left ; float:left; ; font-size: 20px}
#navegacion {background-color: red ; width: 599px; height:30px ; float:right ; border-right: silver 1px solid}
#navegacion li {float:left; list-style:none; margin: 5px 20px 5px 20px }
#contenidoinf {background-color :#E8E8E8; width: 599px; float:right ; height:339px;border-right: silver 1px solid}
#pie {background-color: gray ; width:800px ; margin: 0px 0px ; height: 30px}
#pie li { list-style:none ; margin: 7px 7px 0px 7px ; text-align: left ; float:left ; font-size: 15px }
#global {width:800px ; margin: 4px auto }
body {text-align: center}
a {color:silver ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline ; background-color: gray}
a:active {}
#contenidosup li a {color:#87CEFF ; text-decoration: none ; display: block }
#contenidosup li a:link {}
#contenidosup li a:visited {}
#contenidosup li a:hover {color:#FFA500 ; text-decoration: underline ; background-color: #FFFFF0}
#contenidosup li a:active {}
#navegacion li a {color:white ; text-decoration: none ; display: block }
#navegacion li a:link {}
#navegacion li a:visited {}
#navegacion li a:hover {color:white ; text-decoration: underline ; background-color: red}
#navegacion li a:active {}
#pie li a {color:silver ; text-decoration: none ; display: block }
Lo del menu desplegable no lo pongo porque de momento me funciona en todos,ya pase por el lio del Opera ,jeje.
Gracias a todos!!!
Citar
Iniciado por dty_safe
Marcadores