SoloCodigo

Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: kingsizen en Martes 7 de Septiembre de 2010, 06:17

Título: Empezando con CSS
Publicado por: kingsizen en Martes 7 de Septiembre de 2010, 06:17
Hola amigos, les comento que hace poco empece con css y tengo algunas dudas.
mi idea es centrar dos divs dentro de un contenedor que queden los dos juntos uno a la izquierda y otro a la derecha

les dejo el codigo a ver que me dicen

Código: Text
  1.  
  2. body {
  3.  
  4. top:0;
  5.     margin:0;
  6.     padding:0px;
  7.     font-family:Helvetica, Arial, sans-serif;
  8.     font-size:62.5%;
  9.     line-height:1.5;
  10.     color:#5f6262;
  11.     background:#f0f9fc;
  12. }
  13. #encabezado
  14. {
  15. background:#006600;
  16. border-bottom:medium #000000;
  17. position:relative;
  18. width:820px;
  19. }
  20.  
  21. #container {
  22.  
  23.  
  24.     position:relative;
  25.     width:920px;
  26.     margin:0 auto;
  27.     padding:0px 40px;
  28.     font-size:1.2em;
  29.     background:#fff url(../images/bg.png) no-repeat -12px -141px;
  30. }
  31.  
  32.  
  33.  
  34. #contenido {
  35.  
  36. text-align:justify;
  37. margin:0 auto;
  38. background-color:#FFFFFF;
  39.  
  40. border:double;
  41. border-color:
  42. #009933;
  43.         padding:10px;
  44.     width: 590px;
  45.    
  46.     font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  47.     font-size: 16px;
  48.     top: 176px;
  49.  
  50.  
  51. }
  52. #contenido2
  53.  
  54. {
  55.  
  56. top:1000px;
  57.    
  58.    
  59.     text-align:justify;
  60.     margin:0 auto;
  61.     background-color:#FFFFFF;
  62.     border:double;
  63.     border-color:
  64. #009933;
  65.     padding:10px;
  66.     width: 200px;
  67.     font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  68.     font-size: 16px;
  69.     top: 122px;
  70.     left: 626px;
  71. }
  72. #home
  73. {
  74.  
  75. background:#009900;
  76. }
  77.  
  78.  
  79.  

y este es el codigo html

Código: Text
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.   <title>ejemplo</title>
  5.  
  6.   <link rel="stylesheet" type="text/css" href="style.css">
  7.  
  8. </head>
  9. <body topmargin="0">
  10.  
  11. <div id="container">
  12.  
  13.  
  14. <div id="home">
  15. <div id="encabezado">
  16. <h1> CABECERA EN FLASH</h1>
  17. </div>
  18. <h2>Segundo encabezado</h2>
  19. <div id="contenido">
  20.  
  21.     <p><strong>blablalalalblablalalalblablalalalblablalalalblablalalal</strong></p>
  22.     <p><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong></p>
  23.     <p><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong></p>
  24. </div>
  25.       <div id="contenido2">
  26.  
  27.    
  28.     <p><strong>Rblablalalalblablalalalblablala</strong></p>
  29.     <p><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong></p>
  30.     <p><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong></p>
  31.     <p><br />
  32.       </p>
  33.     </div>
  34.    
  35.   </div>
  36.   <h2>Noticias</h2>
  37.  
  38.  
  39.  
  40. </div>
  41.  
  42. </body></html>
  43.  

espero su ayuda.
muchas gracias