• Jueves 14 de Noviembre de 2024, 23:30

Autor Tema:  Problemas Con El Padding  (Leído 2076 veces)

RiLaRos

  • Miembro activo
  • **
  • Mensajes: 94
    • Ver Perfil
    • http://www.rilaros.net
Problemas Con El Padding
« en: Sábado 13 de Enero de 2007, 05:33 »
0
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.
Ricardo La Rosa
RiLaRo's Blog
RiLaRos Web Developer
Nabaci Business Solutions

"Todo es posible si tan solo lo puedes imaginar"

Mollense

  • Miembro de PLATA
  • *****
  • Mensajes: 1755
  • Nacionalidad: ar
    • Ver Perfil
    • http://solocodigo.com/
Re: Problemas Con El Padding
« Respuesta #1 en: Sábado 13 de Enero de 2007, 15:04 »
0
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:
"Los que renuncian son más numerosos que los que fracasan" H.F.
"No se cómo sería la III Guerra Mundial, pero la cuarta sería con piedras" A.E.
"Quién no fía no es de fiar..."


...no te quedes mirando.