Buenas tardes. Tengo un problema de visualización con una web que estoy haciendo. Soy bastante novato, así que seguro que es una tontería, pero a ver si podéis ayudarme. El caso es que la web se ve parte bien en el explorer y parte bien en el firefox.
La dirección es www.cbtoros.es.kz
Los problemas fundamentales que le veo(aunque seguro que hay muchos otros) son los siguientes:
- El pie de la web no se alinea correctamente en el firefox, mientras que en el explorer se ve bien.
- Al cambiar en el firefox de una página a otra en el menú de navegación(inicio, plantilla, temporada, fotos) parece como si la pantalla se moviese hacia la izquierda ya que sale una barra de desplazamiento vertical en la parte derecha de la pantalla.
EDITO: en el explorer tb hay un problema que no se da en mozilla y es que se crea un espacio entre la zona de la foto del toro y el menú de navegación. En Mozilla sí que lo hace correctamente.
Y aquí os mando los códigos, a ver si me podéis echar una mano:
Index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Web CB Toros</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
[contenido no disponible]
<div id="publicidad">
</div>
</div>
<div id="navegacion">
<ul>Inicio Plantilla Temporada Fotos
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Lista de enlaces</h1> ACB Eutecia Lupaland Rafabasa Metallica
</div>
CB Toros es un club de baloncesto que actualmente milita en la Primera División de la Liga Senior masculina burgalesa.</p>
Por sus filas han pasado auténticas leyendas vivas(o no) del deporte de la canasta burgalés, y a día de hoy la tradición continúa.</p>
Este equipo se formó en el año 2000 por una serie de jugadores en donde destacamos a Álvaro González, Diego Ruiz, Ignacio Gutiérrez y Óscar García.</p>
Actualmente el club está inmerso en plena competición, y el que quede está web más o menos terminada dependerá de la ociosidad de sus miembros.</p>
Si deseas ponerte en contacto con nosotros, no dudes en escribirnos.</p>
<p class="centrado">[correo eliminado]</p>
</div>
<div id="pie">
<div id="pieuno"><p class="centrado">Club Baloncesto Toros</p></div>
<div id="piedos"><p class="centrado">© CB Toros 2008</p></div>
<div id="pietres"><p class="centrado">[correo eliminado]</p></div>
</div>
</div>
</body>
</html>
Hoja de estilos:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center; margin-top: 5px}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center; background-image: url(Objetos/fondo.jpg)}
#global {width:800px ; margin: 4px auto }
#cabecera { background-color: #FFDAB9 ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid; height: 225px }
#logotipo {width:226px ; float:left; margin-top: 3px; margin-bottom: 3px; }
#publicidad {width:572px ; float:right ;margin-top:3px; margin-bottom: 3px;}
#navegacion {background-color: #008B8B ; border: black 1px solid ; height:22px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; float:left; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: green ; width: 150px ; float:left ; text-align:left ; margin: 6px 10px 3px 3px ; border: black 1px solid }
#menu li {list-style:none ; margin: 4px 4px 4px 6px; padding-top:5px; padding-bottom:5px; text-align: center}
#menu h1 {text-decoration:none ; font-size:20px ;}
#pie { background-color: green; border:black 1px solid; height: 25px ;}
#pieuno {font-size:12px; background-color: green; float:left ; width:350px; margin-top:3px; margin-bottom: 3px; }
#piedos {font-size:12px; background-color: green; float:left ; width:98px; margin-top:3px; margin-bottom: 3px; }
#pietres {font-size:12px; background-color: green; float:left ; width:350px; margin-top:3px; margin-bottom: 3px; }
a {color: white ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:white ; text-decoration:underline ;}
a:active {}
.centrado {text-align:center}
Espero que podais echarla un ojo y decirme algo si teneis tiempo.
Un saludo y gracias
La dirección es www.cbtoros.es.kz
Los problemas fundamentales que le veo(aunque seguro que hay muchos otros) son los siguientes:
- El pie de la web no se alinea correctamente en el firefox, mientras que en el explorer se ve bien.
- Al cambiar en el firefox de una página a otra en el menú de navegación(inicio, plantilla, temporada, fotos) parece como si la pantalla se moviese hacia la izquierda ya que sale una barra de desplazamiento vertical en la parte derecha de la pantalla.
EDITO: en el explorer tb hay un problema que no se da en mozilla y es que se crea un espacio entre la zona de la foto del toro y el menú de navegación. En Mozilla sí que lo hace correctamente.
Y aquí os mando los códigos, a ver si me podéis echar una mano:
Index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Web CB Toros</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
[contenido no disponible]
<div id="publicidad">
</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Lista de enlaces</h1>
</div>
CB Toros es un club de baloncesto que actualmente milita en la Primera División de la Liga Senior masculina burgalesa.</p>
Por sus filas han pasado auténticas leyendas vivas(o no) del deporte de la canasta burgalés, y a día de hoy la tradición continúa.</p>
Este equipo se formó en el año 2000 por una serie de jugadores en donde destacamos a Álvaro González, Diego Ruiz, Ignacio Gutiérrez y Óscar García.</p>
Actualmente el club está inmerso en plena competición, y el que quede está web más o menos terminada dependerá de la ociosidad de sus miembros.</p>
Si deseas ponerte en contacto con nosotros, no dudes en escribirnos.</p>
<p class="centrado">[correo eliminado]</p>
</div>
<div id="pie">
<div id="pieuno"><p class="centrado">Club Baloncesto Toros</p></div>
<div id="piedos"><p class="centrado">© CB Toros 2008</p></div>
<div id="pietres"><p class="centrado">[correo eliminado]</p></div>
</div>
</div>
</body>
</html>
Hoja de estilos:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center; margin-top: 5px}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center; background-image: url(Objetos/fondo.jpg)}
#global {width:800px ; margin: 4px auto }
#cabecera { background-color: #FFDAB9 ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid; height: 225px }
#logotipo {width:226px ; float:left; margin-top: 3px; margin-bottom: 3px; }
#publicidad {width:572px ; float:right ;margin-top:3px; margin-bottom: 3px;}
#navegacion {background-color: #008B8B ; border: black 1px solid ; height:22px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; float:left; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: green ; width: 150px ; float:left ; text-align:left ; margin: 6px 10px 3px 3px ; border: black 1px solid }
#menu li {list-style:none ; margin: 4px 4px 4px 6px; padding-top:5px; padding-bottom:5px; text-align: center}
#menu h1 {text-decoration:none ; font-size:20px ;}
#pie { background-color: green; border:black 1px solid; height: 25px ;}
#pieuno {font-size:12px; background-color: green; float:left ; width:350px; margin-top:3px; margin-bottom: 3px; }
#piedos {font-size:12px; background-color: green; float:left ; width:98px; margin-top:3px; margin-bottom: 3px; }
#pietres {font-size:12px; background-color: green; float:left ; width:350px; margin-top:3px; margin-bottom: 3px; }
a {color: white ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:white ; text-decoration:underline ;}
a:active {}
.centrado {text-align:center}
Espero que podais echarla un ojo y decirme algo si teneis tiempo.
Un saludo y gracias