Ver Mensaje Individual
  #3 (permalink)  
Antiguo 22/05/2008, 08:44
Bernix
 
Fecha de Ingreso: abril-2008
Mensajes: 38
Antigüedad: 16 años, 7 meses
Puntos: 0
Respuesta: Capas flotantes

Ok! Te pongo un trozito de codigo y el css de la div flotando

HTML:

<body>
<div id="contenedor"><!-- Inici contenedor -->
<div id="topmenu"><!-- Inici topmenu -->
<ul>
<li><a href="#inici" accesskey="i">Saltar&nbsp;al&nbsp;contingut</a></li>
<li><a href="accesibilitat">Contacta</a></li>
<li><a href="accesibilitat">Enllaços</a></li>
</ul>
</div><!-- Fi topmenu -->

<div id="banner"><!-- Inici banner -->
<p><h1>CECELL</h1></p>
<p>Centre d'Esports del Camp Escolar de Lleida</p>
</div><!-- Fi banner -->

<div style="display: none; color: rgb(204, 0, 0);" id="video">
<object width="425px" height="355px"><param name="movie" value="http://www.youtube.com/v/Uk89CO7419w&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Uk89CO7419w&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
<br/>
<a href="javascript:void(0);" onclick="javascript:ocultar('video')">He acabat de veure el video</a>
</div>

<div style="display: none; color: rgb(204, 0, 0);" id="presentacio">
<embed src="http://www.box.net/static/flash/box_explorer.swf?widgetHash=gqbnalsowo&cl=0" width="460" height="345" wmode="transparent" type="application/x-shockwave-flash"></embed><br/>
<a href="javascript:void(0);" onclick="javascript:ocultar('presentacio')">He acabat de veure la presentació </a>
</div>

<div id="menu"><!-- Inici menu -->
<ul>
<li><a href="index.htm">Presentació</a></li>
<li><a href="noticies.htm">Notícies</a></li>
<li><span>Història</span></li>
<li><a href="dades.htm">Dades&nbsp;del&nbsp;club</a></li>
<li><a href="junta.htm">Junta</a></li>
<li><a href="equips.htm">Equips</a></li>
<li><a href="fotos.htm">Fotografies</a></li>
</ul>
</div><!-- Fi menu -->

<div id="barra-dreta">
<h4>Destacat</h4>
El club creu que les bananes són bones per la salut
<br/><br/><br/>
</div>

<div id="barra-dreta">
<h4>Video</h4>
<a href="javascript:void(0);" onclick="javascript:mostrar('video')">
<img alt="JSC" src="imatges/imavideo.jpg" height=100 width=100/><br/>
<center>Clic per veure el video</center></a>
</div>

<div id="barra-dreta">
<br/><br/>
<h4>Projecte</h4>
<a href="javascript:void(0);" onclick="javascript:mostrar('presentacio')">
<img src="imatges/imaprojecte.jpg" alt="JSC" width=100/><br/>
<center>Clic per veure la presentació</center></a>
</div>

<div id="inici"><!-- Inici inici -->

<h2>Història</h2>

<div id="text"><!-- Inici text -->

<div class="imahistoria"><img src="imatges/imahistoria.png" align="left"></div>
<p align="justify">A finals del curs 1987-88, concretament el 23 de Maig de 1988, data en que van ésser aprovats els Estatuts, neix el “Centre d'Esports del Camp Escolar de Lleida”(CECELL). L'esmentat Centre és una associació creada per iniciativa de les APAS dels instituts de batxillerat “Màrius Torres”, “Joan Oró” i "Samuel Gili i Gaia” recolzada pel Departament d'Ensenyament de la Generalitat de Catalunya que li dona suport a través de la Gerència del Camp Escolar, considerant al CECELL com una eina fonamental en la formació esportiva i educativa dels alumnes dels instituts. Igualment el CECELL rep el suport de la Secretaria General de l'Esport de la Generalitat, concedint-li un Centre de Tecnificació de Voleibol, únic centre d'esports d'equip existent a Lleida en aquells moments.</p>
<p align="justify">El CECELL va passar per diferents etapes tenint equips en diferents modalitats esportives, desprès es va quedar únicament amb el voleibol masculí i femení; i a partir d'una sèrie de problemes econòmics es va decidir quedar-se únicament els equips femenins sense oblidar que l'important era l'esport de base i d'aquesta manera es va tenir regularment equips en competició a les categories infantil, cadet, juvenil i sènior. Durant els últims anys, per part de la junta directiva s'ha fet una tasca de sanejament econòmic del club, intentant ajustar al màxim els pressupostos segons les possibilitats reals del club i pensant en avançar sempre amb pas ferm.</p>
<p align="justify">La política que porta a terme el club és la formació de noies tant en l'àmbit esportiu com educatiu, pensant que el fomentar l'esperit de l'esport les pot ajudar en la seva formació tan humana com física. Un dels pilars fonamentals del nostre club es que els nostres tècnics així com algunes de les jugadores porten equips de categories escolars en centres educatius de Lleida i comarca, fomentant d'aquesta manera la pràctica del voleibol i possibilitant que desprès les jugadores d'aquests equips puguin arribar a formar part de la base del club.</p>
<p align="justify">Esportivament, aquesta tasca en els equips de base ens ha situat des de fa uns anys entre els millors equips de Catalunya aconseguint classificar els equips juvenil, cadet i infantil pels Intersectors i per a la Fase Final del Campionat d'Espanya en més d'una ocasió. L'equip sènior, desprès de jugar durant varies temporades a la lliga de Primera Nacional, la temporada 2003-2004 aconsegueix l'ascens a la lliga FEV per primer cop a la seva història. Partint dels equips de la base, es vol arribar a formar un equip sènior on puguin tenir cabuda el màxim de jugadores del nostre club i de l'àmbit de les nostres terres.</p>

</div><!-- Fi text -->
</div><!-- Fi inici -->


El "align left" hace que el texto se coloque al lado y abajo de la imagen

CSS:

#barra-dreta{
float:right;
width:25%;
clear:right;
position:relative;
}

#inici{
border:1px solid #8facc8;
border-top:4px solid #4386ce;
background-color:#ffffff;
padding:5px;
min-height:300px;
width:70%;
float:none;
clear:none;
position:relative;
}


A ver si con este trozo de codigo hay suficiente. Muchas gracias!