Tema: quiero poner dos divs en una sola linea
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/07/2012, 12:09
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 6 meses
Puntos: 1567
Respuesta: quiero poner dos divs en una sola linea
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. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7.  
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10.  
  11. html, body, div{
  12. margin: 0;
  13. padding: 0;
  14. border: none;
  15. }
  16.  
  17. .logo{
  18. float: left;
  19. width: 25%;
  20. background: lime;
  21. }
  22. .menunav{
  23. float: left;
  24. background: red;
  25. width: 75%;
  26. }
  27.  
  28. .logo2{
  29. display: inline-block;
  30. width: 25%;
  31. background: cyan;
  32. height: 100px;
  33. }
  34. .menunav2{
  35. display: inline-block;
  36. background: orange;
  37. width: 75%;
  38. height: 100px;
  39. }
  40.  
  41. /*]]>*/
  42. </style>
  43. </head>
  44. <body>
  45. <div class="logo">logo</div><div class="menunav">menu</div>
  46. <div style="clear:both"><!-- clear --></div>
  47. <div>resto del contenido</div>
  48.  
  49. <!-- otra variante -->
  50.  
  51. <div class="logo2">logo2</div><div class="menunav2">menu2</div>
  52. <div>resto del contenido2</div>
  53.  
  54. </body>
  55. </html>
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
Última edición por emprear; 15/07/2012 a las 23:33 Razón: agregue altura al 2º ejemplo