Tema: Div anidado
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 16/08/2015, 15:36
Avatar de xfxstudios
xfxstudios
 
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 9 años, 5 meses
Puntos: 263
Respuesta: Div anidado

Cita:
Iniciado por borjagat Ver Mensaje
No me explique correctamente. a mide un 30% y esta al lado de b que mide un 70% en determinados momentos a desparece y entonces b tiene que coger todo el tamaño de a y b repartirlo
aunque no lo creo no entiendo ni papas de lo que intentas hacer, el asunto es que no dices si es en vertical o horizontal que estan esos porcentajes, es decir 30% de alto o de ancho, practicamente todo lo haces con css no veo cual es el problema y menos si no te explicas bien que es lo que necesitas lograr, seria algo asi pero con la poca info no podria ayudarte mucho:
Código PHP:
Ver original
  1. <style type="text/css">
  2. @media screen and (min-width:500px){
  3. .a{
  4.     display:inline-block;
  5.     position:relative;
  6.     float:left;
  7.    
  8.     width:30%;
  9.     height:150px;
  10.    
  11.     background-color:rgba(0,67,123,1.00);
  12.  
  13. }
  14. .b{
  15.     display:inline-block;
  16.     position:relative;
  17.     float:left;
  18.    
  19.     width:70%;
  20.    
  21.     height:150px;
  22.    
  23.     background-color:rgba(255,110,0,1.00);
  24. }
  25.  
  26. }
  27. @media screen and (max-width:480px){
  28. .a{
  29.     display:none;
  30.  
  31. }
  32. .b{
  33.     display:inline-block;
  34.     position:relative;
  35.     float:left;
  36.    
  37.     width:100%;
  38.    
  39.     height:150px;
  40.    
  41.     background-color:rgba(255,110,0,1.00);
  42. }
  43.  
  44.  
  45. }
  46.  
  47. </style>
  48.  
  49. <div class="a">
  50. <p>Mido 30%</p>
  51. </div>
  52. <div class="b">
  53. <p>Mido 70%</p>
  54. </div>
__________________
[email protected]
HITCEL