Foros del Web » Creando para Internet » CSS »

Problema con float:left

Estas en el tema de Problema con float:left en el foro de CSS en Foros del Web. Hola, tengo este css Código: body{ margin: 0 auto; text-align: center; background-color: #ececec; } #global{ margin:0 auto; text-align:left; background-color:#ffffff; width:800px; } #esq_sup_izq { background: url(../img/ic_esq_sup_izq.png) ...
  #1 (permalink)  
Antiguo 09/02/2009, 06:40
 
Fecha de Ingreso: marzo-2007
Mensajes: 9
Antigüedad: 10 años, 8 meses
Puntos: 0
Problema con float:left

Hola, tengo este css
Código:
body{
 margin: 0 auto;
	 text-align: center;
	 background-color: #ececec;
}

#global{
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
	width:800px;
}

#esq_sup_izq {
	background: url(../img/ic_esq_sup_izq.png) no-repeat;
	height:24px;
}

#esq_sup_der {
	background: url(../img/ic_esq_sup_der.png) right no-repeat;
	height:24px
}

#lado_sup {
	background: url(../img/ic_lado_sup.png) repeat-x;
	height:24px;
}

#lado_izq {	
	background: url(../img/ic_lado_izq.png) repeat-y;
}

#lado_der {
	background: url(../img/ic_lado_der.png) right repeat-y;
}

#esq_inf_izq {
	background: url(../img/ic_esq_inf_izq.png) no-repeat;
	height:24px;
}

#esq_inf_der {
	background: url(../img/ic_esq_inf_der.png) right no-repeat;
	height:24px;
}

#lado_inf {
	background: url(../img/ic_lado_inf.png) repeat-x;
	height:24px;
}

#page {
	font-family:”Lucida Grande”, “Lucida Sans Unicode”, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	 margin: 0 auto;
	 text-align: center;
}

#le{
	float:left; /*Esto es lo que me desajusta la web*/
}
y con el siguiente html
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "..........w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>web</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="tpl/styles/ic_global.css" />
</head>
<body>
<div id="global">
	 <div id="lado_sup"> <div id="esq_sup_izq"><div id="esq_sup_der"></div></div></div>
    <div id="lado_izq"><div id="lado_der">
      <div id="page">
<div id="le">texto<br/>texto<br/>texto<br/>texto<br/>texto<br/></div>
</div>
     </div></div>
      <div id="lado_inf"><div id="esq_inf_izq"><div id="esq_inf_der"></div></div></div>  
</div>
</body>
</html> 
El problema es que el texto que muestra la caja "le" se muestra por fuera del retangulo que he echo antes con los bordes. Ademas si miro en firefox con "Aardvark" me pode la caja "le" como si estuviera fuera de la caja "page".

Alguien se le ocurre algo???
  #2 (permalink)  
Antiguo 09/02/2009, 07:04
 
Fecha de Ingreso: marzo-2007
Mensajes: 9
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Problema con float:left

Bueno pues encontre yo la solucion al final siempre me pasa lo mismo estoy horas sin encontrar la solucion, lo posteo y plaf encuentro la solucion.

Por si interesa con poner "display:inline;" en la caja "page" ya funciona todo perfectamente.
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 14:58.