Foros del Web » Creando para Internet » CSS »

Absolute y relative

Estas en el tema de Absolute y relative en el foro de CSS en Foros del Web. Hola Tengo un problema con un menu. Tengo una web con dos columnas, la de la izquierda tiene este formato (es un menu) #avmenu { ...
  #1 (permalink)  
Antiguo 07/07/2006, 22:04
 
Fecha de Ingreso: abril-2006
Mensajes: 47
Antigüedad: 11 años, 8 meses
Puntos: 0
Sonrisa Absolute y relative

Hola Tengo un problema con un menu.
Tengo una web con dos columnas, la de la izquierda tiene este formato (es un menu)
#avmenu {
FLOAT: left;
WIDTH: 140px;
position: absolute;
left: 4px;
top: 15px;
}
y la otra es

#seccioncolumna1extends{
width:540px;
left: 150px;
position: relative;
padding: 15px 0px;
margin: 0px;

}

y justo despues tengo un pie de pagina que es relative

El problema viene cuando el menu la capa "avmenu" se hace más larga que la #seccioncolumna1extends, y el menu se solapa con el pie de página

Si la pongo como relative no tengo problema, pero entonces la segunda columna debo ponerla como absolut y estamos en las mismas

Alguna ayuda?

Muchas Gracias
  #2 (permalink)  
Antiguo 09/07/2006, 17:17
 
Fecha de Ingreso: julio-2005
Mensajes: 127
Antigüedad: 12 años, 5 meses
Puntos: 0
Aunque no soy muy fanatico de hacerlo con floats (especialmente por culpa de el internet explorer) creo que esta es la manera de hacerlo. Aun no he encontrado como hacerlo sin floats.

Código HTML:
<html>
<head>
<style>
#todo {
width:80%;
margin:auto;}

#menu {
background:blue;
font-size:6px;
width:20%;
float:left;
}
#contenido {
background:green;
width:80%;
float:left;
}

#pie {
clear:both;
width:100%;
background:red;
}
</style>

</head>
<body>
	<div id="todo">
		<div id="menu">
y justo despues tengo un pie de pagina que es relative<br>
<br>
El problema viene cuando el menu la capa "avmenu" se hace más larga que
la #seccioncolumna1extends, y el menu se solapa con el pie de página<br>
<br>
Si la pongo como relative no tengo problema, pero entonces la segunda columna debo ponerla como absolut y estamos en las mismas<br>

<br>
Alguna ayuda?
		</div>
		<div id="contenido">
y justo despues tengo un pie de pagina que es relative<br>
<br>
El problema viene cuando el menu la capa "avmenu" se hace más larga que
la #seccioncolumna1extends, y el menu se solapa con el pie de página<br>
<br>
Si la pongo como relative no tengo problema, pero entonces la segunda columna debo ponerla como absolut y estamos en las mismas<br>

<br>
Alguna ayuda?
		</div>
		<div id="pie">
y justo despues tengo un pie de pagina que es relative
		</div>
	</div>
</body>
</html> 
  #3 (permalink)  
Antiguo 09/07/2006, 17:19
 
Fecha de Ingreso: julio-2005
Mensajes: 127
Antigüedad: 12 años, 5 meses
Puntos: 0
Otra cosa, es recomendable que uses nombres de clase y de id que tengan algun significado claro y preciso. "contenido" es mucho mejor que seccioncolumna1extends.

Saludos.
  #4 (permalink)  
Antiguo 10/07/2006, 20:07
 
Fecha de Ingreso: abril-2006
Mensajes: 47
Antigüedad: 11 años, 8 meses
Puntos: 0
Gracias

Si al final la clave era el clear:both;

muchas gracias, lástima que encontre la solución antes de que contestaras

Saludos!
  #5 (permalink)  
Antiguo 11/07/2006, 20:32
 
Fecha de Ingreso: julio-2005
Mensajes: 127
Antigüedad: 12 años, 5 meses
Puntos: 0
La solución siempre esa ahí :P
  #6 (permalink)  
Antiguo 11/07/2006, 20:32
 
Fecha de Ingreso: julio-2005
Mensajes: 127
Antigüedad: 12 años, 5 meses
Puntos: 0
Si encuentras una solución sin floats sería interesante verla.
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 09:32.