Ver Mensaje Individual
  #5 (permalink)  
Antiguo 30/01/2009, 10:40
NannoSt
 
Fecha de Ingreso: enero-2009
Mensajes: 24
Antigüedad: 15 años, 1 mes
Puntos: 0
Respuesta: Espacio entre float left

Dalvenjha, yo tengo el mismo problema, pero si le pongo un height al div donde esta la imagen no soluciona el espacio libre que deja ..


img152.imageshack.us/img152/7343/problemadivdt9.png
(tengo que poner la imagen asi porque soy nuevo aca y no me deja poner enlaces directos)

este son mis codigos ..

html (remmplace cuando llama a los flash por texto para que no sea tan largo)

Código:
<body>

<div id="contenedor">

    <div id="inicio_sesion">
    
        <p>aqui va un formulario</p>
    
    </div>
  
    <div id="cabecera">
      
        <p>aqui va un flash</p>
    
    </div>

    <div id="flash">
    
        <p>aqui va otro flash</p>
    
        <img id="pasos" src="pasos.png" alt="" width="173" height="310">
    
    </div>

	<img src="beneficios.jpg">

</div><!-- fin div contenedor -->

<?php @include ("footer.php"); ?>

</body>
y mi css (quite los css que no esta involucrados)

Código:
body {
    background: url(fondo.jpg) repeat-x #FFFFFF;
	/*background: url(fondo.gif) repeat fixed 0 0;*/
	position: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	margin: 0px;
}

#contenedor {
	width:800px;
	margin: auto;
	padding-top: 10px;	
	/*background: url(fondo.jpg) repeat-x fixed #FFFFFF;*/
}

#cabecera {
	border-bottom:#CCCCCC 1px solid; 
	padding-bottom: 4px;
}

#flash {
	padding-bottom: 10px;
	border-bottom: #CCCCCC 1px solid}

#pasos {
	border-left:#CCCCCC 1px solid;
	float:right; 
	position: relative; 
	top:-310px;
	height: 310px;
	width: 173px; 
}

#footer {
	margin: auto;
	width:800px;
}
si alguno me echa una soga para elimar el espacio en blanco, mas que agradecido voy a estar