Foros del Web » Creando para Internet » CSS »

no funciona margin top despues de float

Estas en el tema de no funciona margin top despues de float en el foro de CSS en Foros del Web. hola, tengo 2 divs flotantes paralelos, y acontinuacion he colocado uno debajo que no es flotante, el caso esque quiero distanciarle de los flotantes y ...
  #1 (permalink)  
Antiguo 11/12/2009, 17:36
 
Fecha de Ingreso: agosto-2008
Mensajes: 382
Antigüedad: 9 años, 3 meses
Puntos: 2
no funciona margin top despues de float

hola, tengo 2 divs flotantes paralelos, y acontinuacion he colocado uno debajo que no es flotante, el caso esque quiero distanciarle de los flotantes y no me admite el margin top, y po rmucho que lo pongo no se mueve, aqui el codigo.

Código:
<div class="bienvenida">
      <p>&nbsp;</p></div><div class="equipo"><p></p></div>
      <div style="clear:both" class="tablon">
        <p></p>
      </div>
y aqui el CSS

Código HTML:
@charset "utf-8";
.bienvenida {
	float:left;
	margin-left:20px;
	margin-top:10px;
	background:url(bienvenida.jpg);
	border:#FFF solid 2px;
	height:250px;
	width:250px;
}
.equipo {
	float:left;
	margin-left:40px;
	margin-top:10px;
	background:url(bienvenida.jpg);
	border:#FFF solid 2px;
	height:250px;
	width:550px;
}
.tablon {
	margin-left:20px;
	width:840px;
saludos y muchas gracias de antemano
__________________
la experiencia es la mejor de las escuelas, pero la obtienes cuando ya no la necesitas.

Yo soy aquel que mucho hace trabajar a la gente del foro, pero siempre gratifico con un karma
  #2 (permalink)  
Antiguo 11/12/2009, 17:49
 
Fecha de Ingreso: octubre-2009
Ubicación: Argentina
Mensajes: 21
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: no funciona margin top despues de float

porque no haces que flote el ultimo div?, eso corregiria todo
  #3 (permalink)  
Antiguo 11/12/2009, 17:59
 
Fecha de Ingreso: diciembre-2009
Mensajes: 20
Antigüedad: 8 años
Puntos: 1
Respuesta: no funciona margin top despues de float

Si vas a usar los 2 divs principales con alto y ancho fijos.. proba poniendo asi
Código HTML:
<div class="bienvenida"> </div>
<div class="equipo"></div>
<div class="tablon"></div> 
Código HTML:
@charset "utf-8";
.bienvenida {
	float:left;
	margin-left:20px;
	margin-top:10px;
	background:url(bienvenida.jpg);
	border:#FFF solid 2px;
	height:250px;
	width:250px;
}
.equipo {
	float:left;
	margin-left:40px;
	margin-top:10px;
	background:url(bienvenida.jpg);
	border:#FFF solid 2px;
	height:250px;
	width:550px;
}
.tablon {
	margin-left:20px;
	width:840px;
	height:15px;
	background-color:#093;
	margin-top:275px;
}
  #4 (permalink)  
Antiguo 13/12/2009, 04:42
 
Fecha de Ingreso: agosto-2008
Mensajes: 382
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: no funciona margin top despues de float

ok muchas gracias, fue justo lo que necesitaba, poner flotante el div.
__________________
la experiencia es la mejor de las escuelas, pero la obtienes cuando ya no la necesitas.

Yo soy aquel que mucho hace trabajar a la gente del foro, pero siempre gratifico con un karma
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 09:02.