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. Tengo el siguiente CSS y entre las capas #centrocnt y #centrodch me deja un espacio en blanco que no sé cómo quitar. Necesito ayuda. Gracias. ...
  #1 (permalink)  
Antiguo 11/04/2007, 05:25
 
Fecha de Ingreso: diciembre-2003
Mensajes: 83
Antigüedad: 14 años
Puntos: 0
Problema con FLOAT

Tengo el siguiente CSS y entre las capas #centrocnt y #centrodch me deja un espacio en blanco que no sé cómo quitar.

Necesito ayuda. Gracias.

CSS
Cita:
body {
margin: 0px;
}
#cabecera {
background-color: Aqua;
height: 100px;
}
#centrosup {
background-color: Blue;
height: 15px;
}
#centroizq {
background-color: Fuchsia;
float: left;
width: 20%;
height: 100%;
}
#centrocnt {
background-color: Gray;
float: left;
width: 60%;
height: 100%;
}
#centrodch {
background-color: Green;
height: 100%;
}
#pie {
background-color: Olive;
height: 15px;
}

HTML
Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link href="plantilla.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>
<div id="cabecera"></div>
<div id="centrosup"></div>
<div id="centroizq"></div>
<div id="centrocnt"></div>
<div id="centrodch"></div>
<div id="pie"></div>
</BODY>
</HTML>
  #2 (permalink)  
Antiguo 11/04/2007, 16:31
Avatar de floren  
Fecha de Ingreso: febrero-2005
Ubicación: Málaga
Mensajes: 134
Antigüedad: 12 años, 10 meses
Puntos: 0
Re: Problema con FLOAT

Código HTML:
#centrodch {
float:left;
background-color: Blue;
height: 100%;
width: 20%;
}
La lógica es que las capas vayan flotando, incluida #centrodch.

Yo crearía una capa container que alojara las tres centrales, por aquello de que estás diciendo height 100%.

Cuidadín: estás revisando tu diseño con IE6; mejor hazlo con FF y revisa para IEx.

Espero te sirva.
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 07:54.