Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/12/2011, 21:55
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: problema con float

Por ser este tu primer post. te hago una recomendación, primero lee esto
http://www.forosdelweb.com/f4/proble...6/#post4053759

Tu caso es similar, tendrías que exponer tanto el css como el html, si no no se sabe que es cada cosa.

Sobre tu código, el primer error de importancia es que algunos de los nombres de tus id comiencen por un número,
#1_xxx --> error
#xxx_1 --> correcto

un esquema básico para hacer lo que estas mostrando sería

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9.  
  10. #contenedor_1{
  11. width: 400px;
  12. height: 400px;
  13. margin: 0 auto;
  14. border: solid 1px #000;
  15. }
  16. #mayor{
  17. text-align: center;
  18. height: 50px;
  19. width: 100%;
  20. }
  21. .sino{
  22. text-align: center;
  23. width: 50%;
  24. height: 50px;
  25. float: left;
  26. }
  27. /*]]>*/
  28. </head>
  29. <div id="contenedor_1">
  30. <div id="mayor" style="background-color: lightgreen;">Eres mayor</div>
  31. <div class="sino" style="background-color: lime;">A</div>
  32. <div class="sino" style="background-color: orange;">B</div>
  33. </div>
  34. </body>
  35. </html>

Saludos y Bienvenido
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.