Foros del Web » Creando para Internet » HTML »

Problema con Posicionamiento de capas

Estas en el tema de Problema con Posicionamiento de capas en el foro de HTML en Foros del Web. He conseguido posicionar correctamente todos los bloques principales de mi página (cabecera, menu izquierdo, cuerpo principal, menu derecho) con CSS, excepto el bloque final de ...
  #1 (permalink)  
Antiguo 23/05/2002, 18:07
Avatar de mrgubu  
Fecha de Ingreso: febrero-2002
Ubicación: Granada
Mensajes: 431
Antigüedad: 22 años, 1 mes
Puntos: 2
Problema con Posicionamiento de capas

He conseguido posicionar correctamente todos los bloques principales de mi página (cabecera, menu izquierdo, cuerpo principal, menu derecho) con CSS, excepto el bloque final de abajo de la página, que se me resiste: siempre se me solapa con lo demás, haga lo que haga. Me explico:

1.Este es el <style> de la página:
Código:
  
.cabecera {width:710px}
.cuerpoprincipal {position:relative;
             width:710px;
	     top:5px}
.menuizq {position: absolute;
          width:152px}
.celdaprincipal {position:absolute;
            left:157 px; 
            right:145px}
.menudch {position: absolute;
           right:0px;
          width:140px}

2. Y esta es la alineación de bloques en el body:

Código:
  
<div class="cabecera">
<!--cabecera-->
</div>

<div class="cuerpoprincipal">

    <div class="menuizq">
    <!--menuizq-->
    </div>
 
  <div class="celdaprincipal">          
     <!--celda principal-->
  </div>
         
  <div class="menudch">
  <!--menudch-->
  </div>
  
</div>
--------------------------------------------
Bien, el problema viene cuando intento añadir un bloque final a la página, debajo del todo, o sea simplemente esto:

Código:
<div class="piedepag">
<!--#include file="piedepag.inc"-->
</div>
con esta propiedad:

Código:
  
.piedepag {width:710}
Bueno, abreviando, he probado cientos de veces a posicionar el bloque final (probando con absolute, relative, intentando anidarlo) y siempre se me solapa con el resto de los bloques.

Podéis ayudarme???????
Siento haberme extendido, pero creo que es un tema interesante y que puede servir de ejemplo para mucha gente que empieza con esto del CSS.

<a href="http://www27.brinkster.com/granadalinks/"><img border="0" src="http://www27.brinkster.com/granadalinks/ban468.gif" width="468" height="60"></a>
  #2 (permalink)  
Antiguo 24/05/2002, 12:41
 
Fecha de Ingreso: noviembre-2001
Ubicación: Pamplona - Marbella (Spain)
Mensajes: 298
Antigüedad: 22 años, 4 meses
Puntos: 0
Re: Problema con Posicionamiento de capas

Si está todo tal cual lo has escribo el problema está en

.piedepag {width:710}

pues debes poner

.piedepag {width: 710px}

Y listo.

Esto es lo típico que te comes la cabeza una semana y no te sale y es por una tnteria así de facil ;)
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 07:37.