floats dentro de otro float

[Foziw]

Hola,

Tengo un problema, ya que necesito poner dos divs floats dentro de una div columna float pero entonces la tercera columna flota de los ultimos floats y no de la columna que quiero.

Podeis ver el problema en http://www.dcast.es/diseno

Muchas gracias

[PatomaS]

Hola

Creo que deberías explicar mejor el problema que tienes a fin de poder entenderlo y así ayudarte.

Felicidad

[Foziw]

Como se ve en el enlace que he puesto la columna de la derecha (banner3, etc) aparece flotando a las cajas flotantes de la columna central. Lo que quiero es que la columna de la derecha aparezca arriba del todo flotando de toda la columna central y no de las dos cajitas.

Gracias

[engranaje]

kreo ke tus columnas superan la medida de tu container x eso sucede eso.. revisa las medidas...
pd.. buen diseño...

[Foziw]

No, no lo superan.

Gracias.

[PosProdukcion]

Prueba a poner barraderecha antes de los productos destacados, que creo que son los que están empujandola barra derecha hacia abajo...

Es decir, en lugar de esto:

Código:

<div id="contenido">
		<img src="imagenes/banner1.png" width="615" />
		<br />

		<br />
	  <img src="imagenes/banner2.png" width="615" />	</div>
	  <div class="producto-destacado">
	  </div>
	  <div class="producto-destacado">
	    </div>
 <div id="barraderecha">
		<img src="imagenes/banner3.png"  />

		<br />
		<img src="imagenes/banner4.png"  /><br /><br />
		
		<div id="d-club">
			<div><img src="imagenes/d-club.png" /></div>
			<ul>
				  <li><a href="#">Depredadores</a></li>
				  <li><a href="#">Carp Fishing </a></li>
				  <li><a href="#">Ciprinidos</a></li>

				  <li><a href="#">Trucha</a></li>
			</ul>
		</div>
		<div id="informacion">
			<div><img src="imagenes/informacion.png" /></div>
			<ul>
				  <li><a href="#">Depredadores</a></li>
				  <li><a href="#">Carp Fishing </a></li>

				  <li><a href="#">Ciprinidos</a></li>
				  <li><a href="#">Trucha</a></li>
			</ul>
		</div>
	</div> 

Pon esto:

Código:

<div id="contenido">
		<img src="imagenes/banner1.png" width="615" />
		<br />

		<br />
	  <img src="imagenes/banner2.png" width="615" />	</div>
  <div id="barraderecha">
		<img src="imagenes/banner3.png"  />

		<br />
		<img src="imagenes/banner4.png"  /><br /><br />
		
		<div id="d-club">
			<div><img src="imagenes/d-club.png" /></div>
			<ul>
				  <li><a href="#">Depredadores</a></li>
				  <li><a href="#">Carp Fishing </a></li>
				  <li><a href="#">Ciprinidos</a></li>

				  <li><a href="#">Trucha</a></li>
			</ul>
		</div>
		<div id="informacion">
			<div><img src="imagenes/informacion.png" /></div>
			<ul>
				  <li><a href="#">Depredadores</a></li>
				  <li><a href="#">Carp Fishing </a></li>

				  <li><a href="#">Ciprinidos</a></li>
				  <li><a href="#">Trucha</a></li>
			</ul>
		</div>
	</div>
	  <div class="producto-destacado">
	  </div>
	  <div class="producto-destacado">
	    </div>