Hola a todos. Primero que nada, muchas gracias por todo el material y la información disponible, me está siendo muy útil.
He hecho los ejercicios con divs Bartolo y Catalina, y ahora quiero organizar mi propia página. Tengo un div global, con varios otros en su interior. Pero me gustaría que cuando uno de ellos se va llenando con contenido, el resto cambie de tamaño automáticamente para rellenar el espacio sobrante. He intentado cambiar la propiedad float y la propiedad overflow, pero no lo consigo.
Aquí está el código:
<body>
<div id="global">
<embed src="sounds/sonido-banda-de-pajara.mp3" hidden="True"
autostart="True" loop="false" align="top"
height="0" width="0">
<script type="text/javascript" src="SCRIPTS/menu.js"></script>
<div id="margenizdo"><br>
</div>
<div id="contenido">
<div id="encabezado"><img
title="Banda de Música Municipal de Pájara"
style="width: 800px; height: 223px;"
alt="Banda de Música Municipal de Pájara"
src="images/titulo-banda-de-pajara.jpg" align="top"></div>
<div id="pral"><br>
<h1>Banda de Música de Pájara</h1>
<p style="text-align: center;"></p>
<p style="text-align: center;"></p>
<p style="text-align: center;"></p>
<p style="text-align: center;">Puedes encontrar a la Banda
Municipal de Pájara en: </p>
<span style="color: rgb(124, 57, 9);">C./ Mascona, 32
</span><br style="color: rgb(124, 57, 9);">
<span style="color: rgb(124, 57, 9);">35625, Morro Jable,
Pájara
</span><br style="color: rgb(124, 57, 9);">
<span style="color: rgb(124, 57, 9);">FUERTEVENTURA -
LAS PALMAS
</span><br style="color: rgb(124, 57, 9);">
<span style="color: rgb(160, 73, 12);"><span
style="color: rgb(124, 57, 9);">Tlfnos: 928 541 571 - 620
652 629</span>
</span><br>
<br>
</div>
<div id="enlaces"><br>
<img style="width: 66px; height: 66px;" alt=""
src="images/enlaces.jpg" align="middle"></div>
<div id="pie"><br>
<br>
<a href="mailto:mailto:bandamunicipaldepajara.hotmail.com"><img
style="border: 0px solid ; width: 180px; height: 41px;"
alt="Contacta con la Banda Municipal de Pájara"
title="Contacta con la Banda Municipal de Pájara"
src="images/contacta-banda-de-pajara.jpg" hspace="5"></a><a
href="www.bandamunicipaldepajara.blogspot.com"><img
style="border: 0px solid ; width: 180px; height: 41px;"
alt="Visita el blog de la Banda Municipal de Pájara"
title="Visita el blog de la Banda Municipal de Pájara"
src="images/blog-banda-de-pajara.jpg" hspace="5"></a><a
href="news.html"><img
style="border: 0px solid ; width: 180px; height: 41px;"
alt="Noticias sobre la Banda Municipal de Pájara"
title="Noticias sobre la Banda Municipal de Pájara"
src="images/noticias-banda-de-pajara.jpg" hspace="5"></a></div>
</div>
<div id="margendcho"></div>
</div>
</body>
Un saludo
He hecho los ejercicios con divs Bartolo y Catalina, y ahora quiero organizar mi propia página. Tengo un div global, con varios otros en su interior. Pero me gustaría que cuando uno de ellos se va llenando con contenido, el resto cambie de tamaño automáticamente para rellenar el espacio sobrante. He intentado cambiar la propiedad float y la propiedad overflow, pero no lo consigo.
Aquí está el código:
<body>
<div id="global">
<embed src="sounds/sonido-banda-de-pajara.mp3" hidden="True"
autostart="True" loop="false" align="top"
height="0" width="0">
<script type="text/javascript" src="SCRIPTS/menu.js"></script>
<div id="margenizdo"><br>
</div>
<div id="contenido">
<div id="encabezado"><img
title="Banda de Música Municipal de Pájara"
style="width: 800px; height: 223px;"
alt="Banda de Música Municipal de Pájara"
src="images/titulo-banda-de-pajara.jpg" align="top"></div>
<div id="pral"><br>
<h1>Banda de Música de Pájara</h1>
<p style="text-align: center;"></p>
<p style="text-align: center;"></p>
<p style="text-align: center;"></p>
<p style="text-align: center;">Puedes encontrar a la Banda
Municipal de Pájara en: </p>
<span style="color: rgb(124, 57, 9);">C./ Mascona, 32
</span><br style="color: rgb(124, 57, 9);">
<span style="color: rgb(124, 57, 9);">35625, Morro Jable,
Pájara
</span><br style="color: rgb(124, 57, 9);">
<span style="color: rgb(124, 57, 9);">FUERTEVENTURA -
LAS PALMAS
</span><br style="color: rgb(124, 57, 9);">
<span style="color: rgb(160, 73, 12);"><span
style="color: rgb(124, 57, 9);">Tlfnos: 928 541 571 - 620
652 629</span>
</span><br>
<br>
</div>
<div id="enlaces"><br>
<img style="width: 66px; height: 66px;" alt=""
src="images/enlaces.jpg" align="middle"></div>
<div id="pie"><br>
<br>
<a href="mailto:mailto:bandamunicipaldepajara.hotmail.com"><img
style="border: 0px solid ; width: 180px; height: 41px;"
alt="Contacta con la Banda Municipal de Pájara"
title="Contacta con la Banda Municipal de Pájara"
src="images/contacta-banda-de-pajara.jpg" hspace="5"></a><a
href="www.bandamunicipaldepajara.blogspot.com"><img
style="border: 0px solid ; width: 180px; height: 41px;"
alt="Visita el blog de la Banda Municipal de Pájara"
title="Visita el blog de la Banda Municipal de Pájara"
src="images/blog-banda-de-pajara.jpg" hspace="5"></a><a
href="news.html"><img
style="border: 0px solid ; width: 180px; height: 41px;"
alt="Noticias sobre la Banda Municipal de Pájara"
title="Noticias sobre la Banda Municipal de Pájara"
src="images/noticias-banda-de-pajara.jpg" hspace="5"></a></div>
</div>
<div id="margendcho"></div>
</div>
</body>
Un saludo