Foros del Web » Creando para Internet » CSS »

duda herencia css

Estas en el tema de duda herencia css en el foro de CSS en Foros del Web. hola a todos, tengo una duda/problema en mi hoja de estilos tengo... @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original #main{float:left; display: inline; width:603px}   #main .box{width:603px; ...
  #1 (permalink)  
Antiguo 01/02/2013, 10:38
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 17 años, 11 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...
  #2 (permalink)  
Antiguo 01/02/2013, 10:42
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: duda herencia css

Te sobra el cierre de un div.
  #3 (permalink)  
Antiguo 01/02/2013, 10:59
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: duda herencia css

el </div> de la linea11 se me ha colado al copiar... no esta...
  #4 (permalink)  
Antiguo 01/02/2013, 11:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: duda herencia css

Entonces realmente no entiendo bien cual es el problema, será que no te llego a entender. Porque al quitar o poner esa etiqueta de cierra que estaba de más, ocurría eso que decías que se ven "juntas" o no.
  #5 (permalink)  
Antiguo 01/02/2013, 11:41
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: duda herencia css

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.
Porque si pongo esto me las separa, si yo le estoy poniendo el float:left y el mismo width??
Es que me las separa con el ancho definido en main...
  #6 (permalink)  
Antiguo 01/02/2013, 11:44
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 3 meses
Puntos: 181
Respuesta: duda herencia css

Cita:
Iniciado por pampa_ Ver Mensaje
Es que me las separa con el ancho definido en main...
BINGO!



Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #7 (permalink)  
Antiguo 01/02/2013, 18:47
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: duda herencia css

Bingo o pleno?

En fin porque? me coge el ancho ??? si se supone que por la herencia deberia de coger el que le estoy definiendo #main .columnica{width:200px; margin-bottom:18px; padding-bottom:0}
  #8 (permalink)  
Antiguo 02/02/2013, 02:55
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: duda herencia css

Vale, ahora si entendí el problema.

Cita:
Iniciado por pampa_ Ver Mensaje
si se supone que por la herencia deberia de coger el que le estoy definiendo #main .columnica
Es que el ancho no te lo está tomando .columnica, sino #main. De hecho .columnica mide esos 200 pixeles que debe.

Para verlo más claro, utiliza bordes o colores de fondo para ver donde está el problema, por ejemplo así. Se ve más claro.

Etiquetas: ancho, herencia
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 00:40.