Foros del Web » Creando para Internet » CSS »

problema con float

Estas en el tema de problema con float en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/11/2010, 17:01
 
Fecha de Ingreso: junio-2010
Mensajes: 14
Antigüedad: 7 años, 6 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>
  #2 (permalink)  
Antiguo 24/11/2010, 17:51
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: problema con float

Tienes la página subida en algun lado, puedes poner un link.
Para la imagen hay que registrarse, no se ve. No te da la posiblidad de poner un link directo a la misma?
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 24/11/2010, 20:29
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: problema con float

No es muy claro, pero podrias decirle a este div (<div id="texto2">) que se ubique un poco debajo del de titulo(Nuestro viaje del rosario al caribe...)


Aqui te puedes dar una idea de como usarlo:
http://www.htmlpoint.com/css/css_10e.htm

Y aqui la guia completa:
http://www.htmlpoint.com/css/css_10.htm

La idea seria disminuir el TOP de la capa: (<div id="texto2">).

O mejorar la utilizacion de rounded corners aqui algunos ejemplos con sprites:
http://cssglobe.com/post/3714/css-sp...ounded-corners
http://bavotasan.com/tutorials/simpl...-a-css-sprite/

Saludos,

Etiquetas: float
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:04.