Necesito ayuda con el ejemplo de los Divs

jcmendore · 28 Abr 2011, 03:05 · Solicitar retirada

Primero que todo me presento. Mi nombre es Juan Carlos Mendoza, he seguido su curso de los Divs y creo que es fantastico. He llegado a construir una pagina, pero tengo dos problemitas. Uno, es con el ejemplo de los divs que ustedes ponen que en Mozilla Firefox no queda bien, pero en Internet Explorer si y el otro es que quiero montar un reproductor de Mp3 y la verdad no se exactamente donde ubicarlo y me gustaria saber si ustedes me pueden ayudar con eso. Se los voy a agradecer mucho, ya que la pagina es para una buena causa. Gracias de todo corazon.

A continuacion les pongo el codigo de HTML y del CSS:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Almas Misioneras</title>
<link rel="stylesheet" href="estilo.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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logo.png" width="247" height="71" alt="Haz click aqui para volver a la pagina de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
<li><a href="#">Lecturas</a></li>
<li><a href="#">Oraciones</a></li>
<li><a href="#">Catequesis</a></li>
<li><a href="#">Misión del Mes</a></li>
<li><a href="#">Nuestros Orígenes</a></li>
<li><a href="#">Turismo</a></li>
</ul>
</div>

<div id="contenido">

<div id="menu">
<ul><h1>Título de Sección</h1><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li><li><a href="#">Enlace 4</a></li></ul>
</div>

<div id="menu2">
<div id="reproductor">Reproductor

</div>
<h1>Nuestra Música</h1>
<div id="men2"><ul><li><a href="#">Enlace 5</a></li><li><a href="#">Enlace 6</a></li><li><a href="#">Enlace 7</a></li></ul>
</div>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>En esta zona, se va a poder apreciar todo el contenido de nuestro site. Es aca donde podras apreciar todas las riquezas que este site esta por compartir.</p>
<h2>Los Contenidos serán variados</h2>
<p>Se tratara de que los contenidos sean variados y que esten cambiando por lo menos una o dos veces por semana. Si nos son cambiados, se les agregara un poco mas al contenido que aparece ya publicado, así el internauta tiene algo que leer cada dos o tres días.</p>
</div>
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

CSS:

* { margin: 0px ; padding: 0px ; border: 0px }
p {text-align: justify }
h1 { font-size: 1.2em ; color: blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 { font-size: 1.1em ; color: blue ; font-weight: bold ; text-decoration: none ; text-align: center }
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: white ; border-left: black 1px solid ; border-right: black 1px solid ; height: 80px }
#logotipo { width: 259px ; float: left }
#publicidad { width: 539px ; float: right ; margin-top: 25px }
#navegacion { background-color: gray ; border: black 1px solid ; height: 20px }
#navegacion ul { margin-left: 90px }
#navegacion li { float: left ; list-style: none ; margin: 0px 15px 0px 15px }
#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 { width: 150px ; float: left ; text-align: left ; margin-right: 10px ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom: 5px }
#menu li { list-style: none ; margin: 4px 8px 4px 6px }
#menu h1 { text-decoration: none ; font-size: 12px ; background-image: url(objetos/menu-curva-superior.gif) ; padding-top: 12px }
#menu2 { width: 150px ; float: right ; margin-left: 10px ; margin: 3px 3px 3px 10px }
#menu2 li { list-style: none ; margin: 0px 8px 4px 6px }
#menu2 h1 { text-decoration: none ; font-size: 12px ; background-image: url(objetos/menu-curva-superior.gif) ; padding-top: 12px }
#reproductor { background-color: green }
#men2 { background-color: orange ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom: 5px }
#pie { border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px }
#pieuno { float: left ; width: 150px }
#piedos { background-color: green ; float: left ; width: 498px ; background-color: silver }
#pietres { float: left ; width: 150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden }
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 {}

Yaneth · 28 Abr 2011, 05:27 · Solicitar retirada

hola
olvidaste decir cual es el problema que te da tu web
debes ser bien especifico
y darnos la url para verla

saludos y no olvides votar por cctw, en mi firma está el enlace

jcmendore · 28 Abr 2011, 16:45 · Solicitar retirada

Si, disculpen por eso, como les decia, el problema es que el pie de pagina, no le ve los 65px y la curva inferior sale como cortada, o sea, que no se le ven los bordes. Y por otro lado, lo del reproductor, le envio el site de donde le he bajado. En este ejemplo que les envio sale donde lo quiero poner, pero cuando lo hago nada, no aparece nada. Se los rogaria que me aconcejaran en eso. Se que pasan demasiado ocupados, pero sinceramente se los agradecere.