SoloCodigo

Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: RiLaRos en Sábado 13 de Enero de 2007, 05:33

Título: Problemas Con El Padding
Publicado por: RiLaRos en Sábado 13 de Enero de 2007, 05:33
Hola!!

Nuevamente por aca, esta vez se trata de un problema con el padding, por ejemplo si tengo un div de un determinado tamño y le aplico un padding en firefox esto no tiene mayor complicaciones pero en IE, esto me agranda el tamaño del DIV y en el DW se ve tal como se muestra en el IE, que puedo hacer para solucionar esto, o que otra propiedad puedo usar.

Gracias de antemano y hast la proxima.
Título: Re: Problemas Con El Padding
Publicado por: Mollense en Sábado 13 de Enero de 2007, 15:04
Hola viejo.

Mirá, yo lo hago así.

Código: Text
  1.  
  2. #cuerpo{
  3.   position: relative;
  4.   top: 153px;
  5.   left: 0%;
  6.   right: 0%;
  7.   width:100%;  
  8.   padding: 0% 0% 0% 0%;
  9. }
  10. #cuerpoIzq{    
  11.   border-right: 0px solid #cccccc;
  12.   border-bottom: 0px solid #cccccc;
  13.   font: small Verdana,sans-serif;
  14.   position: absolute;
  15.   top: 0px;
  16.   left: 2%;
  17.   right: 2%;
  18.   width: 16.5%;
  19.   background-color: #DEDEDE;
  20.   padding: 0%;
  21.   overflow: auto;      
  22. }
  23. #cuerpoDer{
  24.   position: absolute;  
  25.   float: left;
  26.   top: 0px;
  27.   left: 18%;
  28.   width:76%;
  29.   border-left: 1px solid #ffffff;  
  30.   font-family: Verdana,sans-serif;
  31.   color:#FFFFFF;
  32.   background-color: #042162;
  33.   padding: 0% 2% 0% 2%;
  34.   overflow: auto;
  35. }
  36.  
  37.  

Esto es para la típica página que tiene una barra al lado izquierdo con links y demás y el contenido a la derecha.

Entonces meto los dos div (El Izquierdo y el Derecho) dentro del div cuerpo que tiene padding 0 y me queda perfecto tanto en Firefox como en IE.



 :beer: