Foros del Web » Creando para Internet » CSS »

posicion absoluta dentro de una estatica

Estas en el tema de posicion absoluta dentro de una estatica en el foro de CSS en Foros del Web. Hola chicos! os comento. quiero tener dentro de una capa centrada, una que este een una posicion en concreto pero sin que me coma el ...
  #1 (permalink)  
Antiguo 29/03/2006, 05:10
 
Fecha de Ingreso: junio-2002
Mensajes: 321
Antigüedad: 15 años, 5 meses
Puntos: 3
posicion absoluta dentro de una estatica

Hola chicos! os comento.

quiero tener dentro de una capa centrada, una que este een una posicion en concreto pero sin que me coma el contenido de la capa centrada, como el siguiente ejemplo:

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>Documento sin t&iacute;tulo</title>
<
style type="text/css">
<!--
#wrapper {
    
visibility:visible;
    
width:770px;
    
z-index:1;
    
margin-rightauto;
    
margin-leftauto;
    
background#333333;
}
#Layer1 {
    
position:absolute;
    
visibility:visible;
    
left:254px;
    
top:129px;
    
width:587px;
    
height:297px;
    
z-index:2;
    
borderthin solid #000000;
}
-->
</
style>
</
head>
<
body>
<
div id="wrapper">
  <
div id="Layer1">a</div>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
  <
p>a</p>
</
div>
</
body>
</
html
el caso que cuando lol veo en dreamweaver lo veo como debe o creo q es. y en los navegadores (mozilla y internet explorer) se ve justamente a la izquierda.

donde esta mi fallo?? que es lo que deberia poner?

un saludo!
  #2 (permalink)  
Antiguo 29/03/2006, 11:58
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Hola Nateskin, no entiendo muy bien lo que quieres hacer, de todas formas prueba con esto:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
#wrapper {
    visibility:visible;
    width:770px;
    z-index:1;
    margin-right: auto;
    margin-left: auto;
    background: #333333;
}
#Layer1 {
    visibility:visible;
    width:587px;
    height:297px;
    z-index:2;
    border: thin solid #000000;
    position:absolute; 
    top:50%; left:50%; 
    width:587px; height:297px; 
    margin-left:-300px; margin-top:-170px;
}
-->
</style>
</head>
<body>
<div id="wrapper">
  <div id="Layer1">a</div>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
  <p>a</p>
</div>
</body>
</html> 
Saludosss.
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 11:13.