Buenas tardes a todos, tengo un gran problema y necesito solucionarlo pues ya no se como hacerlo. Estoy creando una página web que en IE se ve perfecta pero en firefox el pie de pagina se me mezcla con el principio de contenido, osea se ve perfecta menos ese fallo, les dejo mi codigo html y css por si pueden solucionarmelo. Gracias de antemano. Saludos: Rymey
Codigo html:
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<img alt="escudo_sax (35K)" src="objetos/escudo_sax.GIF" height="80" width="90" />
</div>
<div id="publicidad">UNION DEPORTIVA DE FUTBOL <br/>SAX</br></div>
</div>
<div id="navegacion">
<div class="suckertreemenu">
<ul id="treemenu1">
<li><a href="desplegable/historia.html" style="border-left: 0px solid black">HISTORIA</a></li>
<li><a href="desplegable/directiva.html">DIRECTIVA</a>
</li>
<li><a href="desplegable/foro.html">FOROS</a></li><li><a href="desplegable/colaboradores.html">COLABORADORES</a>
<li><a href="desplegable/contacto.html" style="border-right: 1px solid black">CONTACTO</a></li>
</ul>
<br style="clear: left;" />
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="contenido">
<div id="menu">
<h1>EQUIPOS</h1>
<ul><li><a href="equipos/regional.html">2ª Regional</a></li><li><a href="equipos/juveniles.html">Juveniles</a></li><li><a href="equipos/cadetes.html">Cadetes</a></li><li><a href="equipos/infantiles.html">Infantiles</a></li><li><a href="equipos/alevines.html">Alevines</a></li><li><a href="equipos/benjamines.html">Benjamines</a></li><li><a href="equipos/prebenjamines.html">Prebenjamines</a></li></ul>
</div>
<br><h3>BIENVENIDOS</h3></br><p>Sean bienvenidos a la página oficial de la Unión Deportiva de Fútbol Sax, como pueden observar, en ella pueden encontrar todo lo relativo a los equipos de todas las categorías, actualizados cada semana. Como podrá comprobar en el menú de la derecha repartidos por edades de juego. Dentro podrán encontrar fotos, clasificaciones, pruebas de captación que han realizado algunos de nuestros jugadores en otros clubs.. Y mucho más.</P><P> En el menú de arriba podrá observar:</p>
<br><h1>HISTORIA</h1></br><p>Breve historia del fútbol en Sax, desde el año que empezó hasta la actualidad. ¿Sabia que antes se llamaba Sax C.F.?¿Qué motivos hicieron que actualmente se llame U.D.F. Sax? Y...¿Sabia que estuvo apunto de ascender a 3ª División? Resuelva sus dudas en dicho menú y podrá adquirir si lo desea un ejemplar del libro Historia Gráfica del Fútbol Sajeño.</p>
<br><h1>DIRECTIVA</h1></br><p>Aquí encontrará los miembros actuales de la directiva de la U.D.F Sax con breves comentarios de cada uno y que labor realizan dentro del club.</p>
<br><h1>FOROS</h1></br><p>¿Tienes algún tema que tratar u opinar? Este es el lugar idóneo para todos los que quieran comentar sobre cualquier tipo de tema relacionado con la U.D.F Sax</p>
<br><h1>COLABORADORES</h1></br><p>En esta sección podrás observar quién colabora actualmente con la U.D.F Sax en temas de publicidad. Podrás enterarte de que cuestan los medios de los que disponemos para publicitar su empresa y con ello ayudar al club.</p>
<br><h1>CONTACTO</h1></br><p></p>
</div>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie"><div id="pieuno"><ul><li><a href="#">Moderador</a></li><li><a href="#">Contacto</a></li><li><a href="http://www.google.es/">Salir</a></li></ul>
</div>
<div id="piedos"></div>
<div id="pietres">
<ul><li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">¿Donde estamos?</a></li></ul>
</div>
</div>
<div id="curva-inferior"><img alt="curva-inferior (1K)" src="objetos/curva-inferior.GIF" height="12" width="800" /></div>
</body>
Codigo CSS:
* { 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}
h2 {font-size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {font-size: 2.1em; color:DarkRed ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center ; background-image: url(objetos/fondo023.jpg) }
#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: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#logotipo {width:120px ; float:left }
#publicidad {width:678px ; float: right ; font.size: 2.1em ; color:green}
#navegacion {width:800px ;float:left ; background-color: SpringGreen ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style: none ; margin: 0px 0px 0px 0px }
#navegacion ul { margin-left: 0px }
#contenido {float:left ; background-image: url(objetos/fondo032.gif); border-left: black 0px solid ; border-right: black 0px solid ; border-top: black 1px solid}
#contenido p {padding: 5px 10px 10px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px ; padding-bottom:5px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom}
#menu li { list-style:none ; margin: 0px 0px 4px 26px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-curva-superior.gif)}
#fotografia {width: 150px ; float:left ; text-align:left ; margin-right: 3px ; margin:3px 3px 3px 30px}
#fot {width: 260px ; float:left ; text-align:center ; background-image: url(objetos/fondo032.gif)}
#fot2 {width: 260px ; float:left ; text-align:center ; background-image: url(objetos/fondo032.gif)}
#fot3 {width: 250px ; float:left ; text-align:center ; background-image: url(objetos/fondo032.gif)}
#pie { width:800px ; background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 0px solid ; height: 65px ; padding-bottom:5px}
#pie li {list-style: none ; font-size: 12px ; text-align: center}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active {color:blue}
#pieuno {float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px}
a {color: blue; text-decoration: none ; display: block }
a:link {}
a:visited {color: violet ; text-decoration: none}
a:hover {color: red; text-decoration: underline}
a:active {}
#curva-inferior { background-repeat: no-repeat ; overflow : hidden }
Por si quieres comprobarlo con la página su dirección es: udfsax.atwebpages.com. Gracias por todo.
Codigo html:
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<img alt="escudo_sax (35K)" src="objetos/escudo_sax.GIF" height="80" width="90" />
</div>
<div id="publicidad">UNION DEPORTIVA DE FUTBOL <br/>SAX</br></div>
</div>
<div id="navegacion">
<div class="suckertreemenu">
<ul id="treemenu1">
<li><a href="desplegable/historia.html" style="border-left: 0px solid black">HISTORIA</a></li>
<li><a href="desplegable/directiva.html">DIRECTIVA</a>
</li>
<li><a href="desplegable/foro.html">FOROS</a></li><li><a href="desplegable/colaboradores.html">COLABORADORES</a>
<li><a href="desplegable/contacto.html" style="border-right: 1px solid black">CONTACTO</a></li>
</ul>
<br style="clear: left;" />
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="contenido">
<div id="menu">
<h1>EQUIPOS</h1>
<ul><li><a href="equipos/regional.html">2ª Regional</a></li><li><a href="equipos/juveniles.html">Juveniles</a></li><li><a href="equipos/cadetes.html">Cadetes</a></li><li><a href="equipos/infantiles.html">Infantiles</a></li><li><a href="equipos/alevines.html">Alevines</a></li><li><a href="equipos/benjamines.html">Benjamines</a></li><li><a href="equipos/prebenjamines.html">Prebenjamines</a></li></ul>
</div>
<br><h3>BIENVENIDOS</h3></br><p>Sean bienvenidos a la página oficial de la Unión Deportiva de Fútbol Sax, como pueden observar, en ella pueden encontrar todo lo relativo a los equipos de todas las categorías, actualizados cada semana. Como podrá comprobar en el menú de la derecha repartidos por edades de juego. Dentro podrán encontrar fotos, clasificaciones, pruebas de captación que han realizado algunos de nuestros jugadores en otros clubs.. Y mucho más.</P><P> En el menú de arriba podrá observar:</p>
<br><h1>HISTORIA</h1></br><p>Breve historia del fútbol en Sax, desde el año que empezó hasta la actualidad. ¿Sabia que antes se llamaba Sax C.F.?¿Qué motivos hicieron que actualmente se llame U.D.F. Sax? Y...¿Sabia que estuvo apunto de ascender a 3ª División? Resuelva sus dudas en dicho menú y podrá adquirir si lo desea un ejemplar del libro Historia Gráfica del Fútbol Sajeño.</p>
<br><h1>DIRECTIVA</h1></br><p>Aquí encontrará los miembros actuales de la directiva de la U.D.F Sax con breves comentarios de cada uno y que labor realizan dentro del club.</p>
<br><h1>FOROS</h1></br><p>¿Tienes algún tema que tratar u opinar? Este es el lugar idóneo para todos los que quieran comentar sobre cualquier tipo de tema relacionado con la U.D.F Sax</p>
<br><h1>COLABORADORES</h1></br><p>En esta sección podrás observar quién colabora actualmente con la U.D.F Sax en temas de publicidad. Podrás enterarte de que cuestan los medios de los que disponemos para publicitar su empresa y con ello ayudar al club.</p>
<br><h1>CONTACTO</h1></br><p></p>
</div>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie"><div id="pieuno"><ul><li><a href="#">Moderador</a></li><li><a href="#">Contacto</a></li><li><a href="http://www.google.es/">Salir</a></li></ul>
</div>
<div id="piedos"></div>
<div id="pietres">
<ul><li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">¿Donde estamos?</a></li></ul>
</div>
</div>
<div id="curva-inferior"><img alt="curva-inferior (1K)" src="objetos/curva-inferior.GIF" height="12" width="800" /></div>
</body>
Codigo CSS:
* { 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}
h2 {font-size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {font-size: 2.1em; color:DarkRed ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center ; background-image: url(objetos/fondo023.jpg) }
#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: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#logotipo {width:120px ; float:left }
#publicidad {width:678px ; float: right ; font.size: 2.1em ; color:green}
#navegacion {width:800px ;float:left ; background-color: SpringGreen ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style: none ; margin: 0px 0px 0px 0px }
#navegacion ul { margin-left: 0px }
#contenido {float:left ; background-image: url(objetos/fondo032.gif); border-left: black 0px solid ; border-right: black 0px solid ; border-top: black 1px solid}
#contenido p {padding: 5px 10px 10px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px ; padding-bottom:5px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom}
#menu li { list-style:none ; margin: 0px 0px 4px 26px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-curva-superior.gif)}
#fotografia {width: 150px ; float:left ; text-align:left ; margin-right: 3px ; margin:3px 3px 3px 30px}
#fot {width: 260px ; float:left ; text-align:center ; background-image: url(objetos/fondo032.gif)}
#fot2 {width: 260px ; float:left ; text-align:center ; background-image: url(objetos/fondo032.gif)}
#fot3 {width: 250px ; float:left ; text-align:center ; background-image: url(objetos/fondo032.gif)}
#pie { width:800px ; background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 0px solid ; height: 65px ; padding-bottom:5px}
#pie li {list-style: none ; font-size: 12px ; text-align: center}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active {color:blue}
#pieuno {float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px}
a {color: blue; text-decoration: none ; display: block }
a:link {}
a:visited {color: violet ; text-decoration: none}
a:hover {color: red; text-decoration: underline}
a:active {}
#curva-inferior { background-repeat: no-repeat ; overflow : hidden }
Por si quieres comprobarlo con la página su dirección es: udfsax.atwebpages.com. Gracias por todo.