Tema: ¿porque me pasa esto en HTML y CSS?
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/12/2013, 07:08
nico123
 
Fecha de Ingreso: noviembre-2013
Mensajes: 113
Antigüedad: 10 años, 6 meses
Puntos: 4
Pregunta ¿porque me pasa esto en HTML y CSS?
Hola!!!!. Ayer estaba haciendo una pagina de inicio para mi navegador, y, como otras veces, los div se metian uno debajo del otro, como en la siguiente imagen:

http://k39.kn3.net/9/C/F/3/F/5/F1B.png

Trate de solucionarlo poniendoles (a algunos div) position: relative; , pero yo tenia una "barra horizontal" con width: 100%; y height: 100px; y position: absolute, pero al cambiarla a relative se creaban unos margenes entre esa "barra". ¿Cual puede ser la solucion? Aca esta el codigo fuente:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.     <title>ttulo</title>
  4. <style type="text/css">
  5.     body
  6.     {
  7.         background-color: white;
  8.         text-align: center;
  9.     }
  10.     #cabecera
  11.     {
  12.         width: 100%;
  13.         height: 80px;
  14.         background-color: transparent;
  15.         border-bottom: 2px solid black;
  16.         position: absolute;
  17.         top: 0;
  18.         left: 0;
  19.     }
  20.     #contenedor
  21.     {
  22.         width: 1000px;
  23.         height: auto;
  24.         background-color: red;
  25.         text-align: left;
  26.         margin: auto;
  27.     }
  28.     #panel
  29.     {
  30.         width: 700px;
  31.         height: auto;
  32.         margin: auto;
  33.         background-color: blue;
  34.     }
  35. </style>
  36. </head>
  37. <body>
  38.     <div id="cabecera">   
  39.     </div>
  40.     <div id="contenedor">
  41.         <h1>Encabezado 1</h1>
  42.         <p>Parrafo de prueba 1</p>
  43.         <p>Parrafo de prueba 2</p>
  44.     </div>
  45.     <div id="panel">
  46.         <h2>adsdadsadas</h2>
  47.     </div>
  48. </body>
  49. </html>