Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/11/2010, 17:01
nahuelga
 
Fecha de Ingreso: junio-2010
Mensajes: 14
Antigüedad: 13 años, 10 meses
Puntos: 0
problema con float

hola tengo un problema para ubicar dos columnas hijas con float:

IMAGEN:
http://www.subirimagenes.com/imagen-muestra-5555344.html

a lo mejor mi error es ordenar todo con float pero soy nuevo y no conzco otra forma..
el encabezado donde dice eduardo tuero, tiene float left
el menu esta dentro de un div tmb con float left
el cuerpo q contiene las 2 columnas tmb float left
la primer columna donde esta el pronostico.. float left
la 2da columna q contiene los div "quienes somos" y "nuestro viaje".. float right
el problema esta en el div "nuestro viaje" que si no le pongo float left a ese div las dos columnas q estan adentro quedan como fuera del divy si le pongo float left como se ve en la imagen el nifty que uso para redondear bordes me queda mal..

codigo:
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<link href="css/pagina.css" rel="stylesheet" type="text/css" />
<link href="css/cabeza.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
background-color: #5991C8;
}
table.pagina1 {
margin: 0 auto;
}
-->
</style>
<link href="css/cuerpo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#columna_izq", "same-height");
Nifty("div#eduardotuero");
Nifty("div#entrevistas", "same-height");
}
</script>
</head>

<body>
<table width="970" border="0" class="pagina1">
<tr>
<td>
<div id="cabeza">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','heigh t','100','src','swf/top','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','swf/top' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="100">
<param name="movie" value="swf/top.swf" />
<param name="quality" value="high" />
<embed src="swf/top.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="100"></embed>
</object>
</noscript></div>
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a> </li>
<li><a href="#">Lanchas</a></li>
<li><a href="#">Veleros</a> </li>
<li><a href="#">Cruceros</a></li>
<li><a href="#">Otros</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
<div id="cuerpo">
<div id="columna_izq">
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','130','heigh t','130','src','swf/pronostico','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','swf/pronostico' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="130" height="130">
<param name="movie" value="swf/pronostico.swf" />
<param name="quality" value="high" />
<embed src="swf/pronostico.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="130" height="130"></embed>
</object>
</noscript>
</p>
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','130','heigh t','130','src','swf/google','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','swf/google' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="130" height="130">
<param name="movie" value="swf/google.swf" />
<param name="quality" value="high" />
<embed src="swf/google.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="130" height="130"></embed>
</object></noscript>
</p>
</div>
<div id="columna_central">
<div class="box1" id="eduardotuero">
<p class="box2">¿Quiénes somos?</p>
<img src="Imagenes/eduardotuero.png" width="120" height="160" class="foto" />
<div id="texto">
<p>Tuero Embarcaciones es un broker naútico especializado en la compra y venta de embarcaciones a vela y/o motor:</p>
<ul>
<li>40 años de experiencia en navegación.</li>
<li>Fundador de la Escuela de Navegación de la Liga Naval Argentina subsede Rosario.</li>
<li>Dictante en esta de numerosos cursos de Patrón de Yate.</li>
<li>Amplio conocimiento en navegación marítima, incluido un viaje en velero desde Rosario al caribe, de 7000 millas.</li>
<li>Exhaustivo control de cada embarcación, con un preciso diagnóstico de sus condiciones y equipamiento.</li>
<li>Asesoramiento en la compra y venta de su embarcación. Sepa cuál le conviene según sus expectativas.</li>
<li>Tasación real, adecuada al mercado.</li>
<li>Seriedad y profesionalismo ante todo.</li>
</ul>
</div>
</div>
<div id="banderas_top"><img src="Imagenes/banderas.png" width="491" height="18" /></div>
<div id="entrevistas">
<p class="box2">Nuestro viaje de Rosario al Caribe </p>
<div id="texto2">
<p>Conocé todo sobre nuestro viaje al caribe de más de 7000 millas. Esta experiencia única, nos permite tener el conocimiento necesario para asesorar a cualquiera de nuestros clientes que deseen o sientan curiosidad por realizar navegaciones marítimas.</p>
<p>Leé las entrevistas que nos hicieron de las revistas PuntoBis y Sociedad.</p></div> <div id="revistas">Content for id "revistas" Goes Here</div>
</div>
</div>
</div>
</div>
</td></tr>
</table>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>