Ver Mensaje Individual
  #7 (permalink)  
Antiguo 09/09/2009, 17:09
Avatar de deirdre
deirdre
 
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 15 años, 6 meses
Puntos: 45
Respuesta: Problema con posicion de div dentro de otro

Hola

Esto que te pongo podría servirte como prototipo de ayuda a tu propósito de añadir esos div que mencionas. Por supuesto que sólo es una aproximación y que debes ajustarlo a tus tamaños, posiciones, etc.

He puesto los estilos dentro de las etiquetas html sólo a efectos didácticos, para que sea más fácil ver como se juega con las posiciones relativas y absolutas para conseguir lo que se desea. Naturalmente en el trabajo definitivo es mejor pasar los estilos a la hoja de estilo. Lo mismo digo de los colores (son sólo para marcar visualmente y tienen únicamente carácter didáctico).

Código HTML:
 <div id="contenedor" style="position: relative">
        <div id="cabecera" style="position: relative; font-size: 11px; color: #ff9; font-weight: lighter">
            <div id="login" style="position: absolute; top: 5px; right: 150px; width: 300px; height: 50px; text-align: left;">
            <form method="post"><p><label>Nombre:</label> <input name="login" type="text" /><br /><label>Password:</label> <input name="password" type="password" /></p></form>
            </div>
            <h2>
                <a title="Todas las noticias sobre videojuegos, analisis y articulos. Niente Games"
                    href="http://www.nientegames.com"></a>
            </h2>
        </div>
        
        
        <div id="cuerpo" style="position: relative">
          <div id="bajo_cabecera" style="position: absolute; top: 0px; left: 0px; width: 50%; height: 40px; background-color:#ff9">Este es un div colocado debajo de la cabecera.</div>	
            <div id="lateral">
            Aquí el resto de tu página...
Si necesitas alguna aclaración... ya sabes dónde estamos.

Bye