Foros del Web » Creando para Internet » HTML »

Posicionamiento de capas

Estas en el tema de Posicionamiento de capas en el foro de HTML en Foros del Web. Hola! estoiy jugando con algunas capillas y los márgenes negativos. Por ahora voy obteniendo esto: <a href='ir.asp?http://www.artreves.com/wakk' target='_blank'>http://www.artreves.com/wakk...</a> Ignoremos el resto de la página pero ...
  #1 (permalink)  
Antiguo 16/07/2002, 03:02
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 22 años, 5 meses
Puntos: 59
Posicionamiento de capas

Hola! estoiy jugando con algunas capillas y los márgenes negativos.
Por ahora voy obteniendo esto:
<a href='ir.asp?http://www.artreves.com/wakk' target='_blank'>http://www.artreves.com/wakk...</a>
Ignoremos el resto de la página pero las capas de la derecha:
Logo posicionarlas muy bien en Netscape, es donde mejor se vé.

Las capas están
Código:
 float:right
y luego defino el margen negativo para sobreponerla, la primera tiene un
Código:
 margin-right:15px
La segunda tiene un margen derecho de -90px que la coloca a 30px del borde derecho de la capa 1 (width:120 - 30px = 90), lo cual funciona a la perfección!

Pero a la tercera acepta que la mueva hasta -120 px solamente (justo el borde derecho de la segunda capa) aunque le ponga más, no pasa de allí!
Debería ser -150px de margen derecho para que esté justo sobre la capa 1 (para hacer una especie de zig zag con las capas) pero no pasa de 120 en IE. En Netscape funciona súper.
Alguna sugerencia?
Código:
 
.quien {
	float:right;
	top: 0px;
	width: 120px;
	height:150px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	background-color : #982e05;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	color: #ffffff;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-top: -30px;
	margin-right: 15px;
	margin-left: 0px;
	}
.curri {
	float:right;
	top: 0px;
	width: 120px;
	height:150px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	background-color : #982e05;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	color: #ffffff;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-top: -10px;
	margin-right: -92px;
	margin-left: 0px;
	}
Capas 1 &amp; 2 y el CSS
<a href='ir.asp?http://www.artreves.com/wakk/layout.css' target='_blank'>http://www.artreves.com/wakk/layout.css...</a>
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:48.