2 divs al 50%

charlyta · #1 (**permalink**) 27/05/2010, 10:17

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>

DragonX · #2 (**permalink**) 27/05/2010, 10:38

proba poniendo uno de tus divs al 49%

charlyta · #3 (**permalink**) 27/05/2010, 10:47

hol de nuevo ;) nada de nada créeme ..me deja un heco entre los divs

charlyta · #4 (**permalink**) 27/05/2010, 10:51

Sera un error de resolucion de pantalla? 1920x1080

DragonX · #5 (**permalink**) 27/05/2010, 10:57

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

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style>
      body {margin:0;padding:0;overflow:hidden;width:100%;}
      #contenedor{overflow:hidden;border:1px solid #000;margin:0 auto;}
      #azul, #amarillo{margin:0;padding:0;height:2px;}
      #azul {background-color:#00aeef; color:#FFF; width:49.8%;float:left;}
      #amarillo{background-color:#fff200; color:#FFF; width:50%;float:right;}
    </style>
  </head>
  <body>
   <div id="contenedor">
   <div id="azul"></div>
   <div id="amarillo"></div>
   </div>
  </body>
</html>

charlyta · #6 (**permalink**) 27/05/2010, 11:05

Nada.. Es absurdo...

kokoou · #7 (**permalink**) 27/05/2010, 11:09

si le das la medida en % creo que le tenés que poner algo adentro al div, proba poniendole un espacio: " "

charlyta · #8 (**permalink**) 27/05/2010, 11:12

No funciona. :(

kokoou · #9 (**permalink**) 27/05/2010, 11:15

a mi me funciona en todos los navegadores, el mismo codigo

DragonX · #10 (**permalink**) 27/05/2010, 11:17

a mi tb!

tenes todos los divs bien cerrados?

charlyta · #11 (**permalink**) 27/05/2010, 14:18

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...