Tema: duda herencia css
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/02/2013, 10:38
Avatar de pampa_
pampa_
 
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 18 años, 6 meses
Puntos: 1
duda herencia css
hola a todos, tengo una duda/problema

en mi hoja de estilos tengo...
Código HTML: 
Ver original
  1. #main{float:left; display: inline; width:603px}
  2.  
  3. #main .box{width:603px; margin-bottom:18px; padding-bottom:0}/*padding-bottom a 18px*/
  4. #main .box h2{width:588px; background:#8dc72d url(images/h2-long.gif) no-repeat right 0; margin-bottom:15px}
  5. #main .box ul.line{width:603px; padding-left:0}
  6. #main .box ul.line li{float: left; display: inline;padding-left:13px; padding-bottom:0}
  7. #main .box ul.line li a{ font-weight: bold; float: none;}
  8. #main .box ul.line li a.frm{display: block; margin-bottom:10px}
  9. #main .box ul.line li a img{display: block; padding:1px;}
  10. #main .box ul {padding-left:13px}
  11. #main .box li {padding-bottom:24px}
  12. #main .box li .info{padding-left:11px; float: left; display: inline; width:390px}
  13. #main .box li .info h4{font-size: 15px; color:#fff; padding-bottom:10px}
  14. #main .box li .info a.up{float: left;}
  15. #main .box li .info p{padding-bottom:12px;}
  16.  
  17. .columnica{width:200px; float:left;}
  18.  
  19. .columna{width:200px; float:left;}
  20.  
  21. #main .columnica{width:200px; margin-bottom:18px; padding-bottom:0}

y en una pagina esto otro...
Código HTML: 
Ver original
  1. <div id="main">
  2.             <div class="columnica">
  3.                 <table border="0"  cellspacing="10" bgcolor="#242424" style='padding-top:0;padding-bottom:25px;padding-right:0;padding-left:0;'>
  4.                     <TR>
  5.                         <TD><P align='left' style='font-family:arial;color:white;font-size:22px;padding-bottom:10px;'>Datos personales</P></TD>
  6.                     </TR>
  7.                 </table>        
  8.             </div>
  9.     </div>
  10.        <div class="columna">prueba</div>
  11.     </div>


si quito de la hoja de estilos la linea
#main .columnica{width:200px; margin-bottom:18px; padding-bottom:0}

y en la pagina suprimo el id=main

las dos clases en el navegador se ven juntas, una al lado de la otra, pero al poner esto me las separa....porque?? si yo le estoy poniendo el float:left y el mismo width??
Es que me las separa con el ancho definido en main...