Foros del Web » Creando para Internet » CSS »

2 divs al 50%

Estas en el tema de 2 divs al 50% en el foro de CSS en Foros del Web. Hola. este codigo no me llena la pantalla en 2 divs en ie 7. Es fallo mío? si es del navegador lo dejo, es imposible ...
  #1 (permalink)  
Antiguo 27/05/2010, 11:17
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
2 divs al 50%

Hola. este codigo no me llena la pantalla en 2 divs en ie 7. Es fallo mío? si es del navegador lo dejo, es imposible diseñar correctamente una cosa tan sencilla...

Código HTML:
 <style>

      #azul {background-color:#00aeef; color:#FFF; width:50%; height:2px; float:left;margin: 0;
	padding:0;}
      #amarillo{background-color:#fff200; color:#FFF; width:50%; height:2px; float:right;margin: 0;
	padding:0;}
    
    body {
		margin:0;
	padding:0;
	overflow:hidden;
	} 
</style>


  </head>
  <body>
          
        <div id="azul"></div>
        <div id="amarillo"></div>
       
     
   
  </body>
</html> 
  #2 (permalink)  
Antiguo 27/05/2010, 11:38
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: 2 divs al 50%

proba poniendo uno de tus divs al 49%
  #3 (permalink)  
Antiguo 27/05/2010, 11:47
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: 2 divs al 50%

hol de nuevo ;) nada de nada créeme ..me deja un heco entre los divs
  #4 (permalink)  
Antiguo 27/05/2010, 11:51
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: 2 divs al 50%

Sera un error de resolucion de pantalla? 1920x1080
  #5 (permalink)  
Antiguo 27/05/2010, 11:57
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: 2 divs al 50%

ok, proba copiando y pegando todo el codigo y contame.

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2.   <head>
  3.     <title>New Document</title>
  4.     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  5.     <style>
  6.       body {margin:0;padding:0;overflow:hidden;width:100%;}
  7.       #contenedor{overflow:hidden;border:1px solid #000;margin:0 auto;}
  8.       #azul, #amarillo{margin:0;padding:0;height:2px;}
  9.       #azul {background-color:#00aeef; color:#FFF; width:49.8%;float:left;}
  10.       #amarillo{background-color:#fff200; color:#FFF; width:50%;float:right;}
  11.     </style>
  12.   </head>
  13.   <body>
  14.    <div id="contenedor">
  15.    <div id="azul"></div>
  16.    <div id="amarillo"></div>
  17.    </div>
  18.   </body>
  19. </html>

  #6 (permalink)  
Antiguo 27/05/2010, 12:05
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: 2 divs al 50%

Nada.. Es absurdo...
  #7 (permalink)  
Antiguo 27/05/2010, 12:09
 
Fecha de Ingreso: enero-2008
Ubicación: Buenos Aires
Mensajes: 305
Antigüedad: 9 años, 11 meses
Puntos: 14
Respuesta: 2 divs al 50%

si le das la medida en % creo que le tenés que poner algo adentro al div, proba poniendole un espacio: "&nbsp;"
  #8 (permalink)  
Antiguo 27/05/2010, 12:12
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: 2 divs al 50%

No funciona. :(
  #9 (permalink)  
Antiguo 27/05/2010, 12:15
 
Fecha de Ingreso: enero-2008
Ubicación: Buenos Aires
Mensajes: 305
Antigüedad: 9 años, 11 meses
Puntos: 14
Respuesta: 2 divs al 50%

a mi me funciona en todos los navegadores, el mismo codigo
  #10 (permalink)  
Antiguo 27/05/2010, 12:17
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: 2 divs al 50%

a mi tb! tenes todos los divs bien cerrados?
  #11 (permalink)  
Antiguo 27/05/2010, 15:18
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: 2 divs al 50%

Hola. después de probar mil veces ahora me ha dejado con el último código, pero si modifico:
Código HTML:
 #contenedor{overflow:hidden;border:2px solid #000;margin:0 auto;}
por

Código HTML:
 #contenedor{overflow:hidden;margin:0 auto;}
no funciona!! que demonios pasa? jamás había visto tal cosa...

Etiquetas: Ninguno
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 16:32.