Foros del Web » Creando para Internet » CSS »

problema con css y divs

Estas en el tema de problema con css y divs en el foro de CSS en Foros del Web. Estimados: Estoy innovando en en tema css y divs y tengo una duda. Quiero que en mi página aparezca un menú lateral a la izquierda, ...
  #1 (permalink)  
Antiguo 24/08/2011, 12:18
Avatar de moron  
Fecha de Ingreso: mayo-2004
Mensajes: 970
Antigüedad: 12 años, 7 meses
Puntos: 2
problema con css y divs

Estimados:

Estoy innovando en en tema css y divs y tengo una duda.
Quiero que en mi página aparezca un menú lateral a la izquierda, y el contenido se cargue en el medio (main).
Con lo que tengo hasta ahora, queda el main arriba y el navigation abajo del main.

Código HTML:
<div class="master"> 
    <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server">
                <p> &nbsp;</p>
            </asp:ContentPlaceHolder>
    </div>
    <div class="div-navigationLeft">
         </div>


el css:

[HTML]
.div-navigationLeft
{
   
    width: 109px;
    height: 123px;
    background-color:Blue;
    margin-top:10px;
}
.main
{
    padding: 10px 12px;
    margin: 20px 8px 8px 0px;
    margin-left: 0px;
    margin-top: 20px;
    min-height: 420px;
    width: 714px;
    height: 273px;
}
</div>[/HTML]

Muchas gracias desde ya
  #2 (permalink)  
Antiguo 24/08/2011, 12:29
 
Fecha de Ingreso: julio-2006
Ubicación: sevilla
Mensajes: 251
Antigüedad: 10 años, 5 meses
Puntos: 5
Respuesta: problema con css y divs

prueba con

.div-navigationLeft
{

width: 109px;
height: 123px;
background-color:Blue;
margin-top:10px;

float:left;
}
.main
{
padding: 10px 12px;
margin: 20px 8px 8px 0px;
margin-left: 0px;
margin-top: 20px;
min-height: 420px;
width: 714px;
height: 273px;

float:rigth;

}
  #3 (permalink)  
Antiguo 24/08/2011, 12:29
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 6 años
Puntos: 21
Respuesta: problema con css y divs

mirate esto:

http://www.w3schools.com/css/css_positioning.asp

Saludos
  #4 (permalink)  
Antiguo 24/08/2011, 12:29
 
Fecha de Ingreso: julio-2006
Ubicación: sevilla
Mensajes: 251
Antigüedad: 10 años, 5 meses
Puntos: 5
Respuesta: problema con css y divs

Supongo tendras que corregir la altura del navigation con un margin-top:-123px;
  #5 (permalink)  
Antiguo 24/08/2011, 12:34
Avatar de moron  
Fecha de Ingreso: mayo-2004
Mensajes: 970
Antigüedad: 12 años, 7 meses
Puntos: 2
Respuesta: problema con css y divs

Genial.
Funcionó con el float.
Muchas gracias a todos.

Etiquetas: contenido, divs, html, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:27.