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
y luego defino el margen negativo para sobreponerla, la primera tiene un
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 & 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>