Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/12/2009, 23:59
Avatar de memoadian
memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 9 meses
Puntos: 641
acomodar un div

pues eso, saludoas a todos,
he estado tratando de acomodar un div dejo una imagen para que vean.

como verán eso naranja es un div que se va hasta arriba es el div video
pero quiero que aparezca abajo del div menú lo cafesito, y no lo logro, además de que aparezca centrado y tampoco
si sigo así lo haré en tablas jo...¡¡¡
debe aparecer así pues lleva una imagen de fondo saludos dejo los códigos por si les quieren hechar un vistazo

Código HTML:
Ver original
  1. <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
  2. </head>
  3. <div id="header"></div>
  4. <div id="publi1"></div>
  5. <div id="menu">
  6.     <ul>
  7.         <li><a href="" class="current">Web</a></li>
  8.         <li><a href="">Foro</a></li>
  9.         <li><a href="">Portal</a></li>
  10.         <li><a href="">contacto</a></li>
  11.         <li><a href="">xxxxxxxx</a></li>                               
  12.     </ul>
  13. </div>
  14. <div id=video></div>
  15. <div id=publi2></div>
  16. <div id=chat></div>
  17. <div id=contador></div>
  18. </body>
  19. </html>


css

Código CSS:
Ver original
  1. body {
  2. text-align:center;
  3. background-color: white;
  4. background-image: url(images/back.jpg);
  5. background-repeat:repeat-x;
  6. }
  7. h1  {font-size:1em; color: white; margin-top:50px;}
  8. #header {
  9. background-image: url(images/head.png);
  10. background-repeat:no-repeat;
  11. background-position:top center;
  12. height:250px; width:65&#37;;
  13. float:left;
  14. }
  15. #publi1 {
  16. text-align:left;
  17. width:34%;height:250px;
  18. padding-bottom: 3px;
  19. float:right;
  20. }
  21. #menu{
  22.         width:100%;
  23.         height:50px;
  24.         background:url(images/menu_025_bg.png);
  25.         float:left;
  26.         margin:2px;
  27.         padding-bottom:5px;
  28.     }
  29.         #menu ul{
  30.             list-style:none;
  31.             text-align:center;
  32.         }
  33.             #menu li{
  34.                 list-style:none;
  35.                 display:inline;
  36.                 margin:0px 8px;
  37.             }
  38.                 #menu li a{
  39.                     color:#b19c93;
  40.                     text-transform:uppercase;
  41.                     font-size:11px;
  42.                     font-weight:bold;
  43.                     line-height:5px;
  44.                     text-decoration:none;
  45.                     padding:0 20px;
  46.                     background:url(images/menu_025_h.jpg) no-repeat;           
  47.                 }
  48.                     #menu li a:hover{
  49.                         color:#fff;
  50.                         background:url(images/menu_025_c.jpg) no-repeat;
  51.                     }
  52.                 #menu li a.current{
  53.                     background:url(images/menu_025_c.jpg) no-repeat;   
  54.                     color:#fff;
  55.                     text-transform:uppercase;
  56.                     font-size:11px;
  57.                     font-weight:bold;
  58.                     line-height:5px;
  59.                     text-decoration:none;
  60.                     padding:0 20px;
  61.                 }
  62.                     #menu li a:hover.current{
  63.                         color:#fff;
  64.                     }
  65.                    
  66. #video {
  67. background-color: orange;
  68. background-image: url();
  69. background-repeat:no-repeat;
  70. width:1021px;
  71. text-align:center;
  72. }
  73. #publi2{
  74. }
  75. #chat{
  76. }
  77. #contador{
  78. }


Gracias de antemano por ayudarme

Edit: le he puesto, position absolute, pero me temo que asi las resoluciones de pantalla afectarian el diseño aparte de que no ce centra el contenido.

Última edición por memoadian; 27/12/2009 a las 01:07