Angel71:
Te recomiendo el método de ensayo-error
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--
/* primero un reset sencillo para eliminar
pequeñas diferencias en los márgenes y paddings por defecto
de los distintos browsers */
html, body, div {
margin: 0px;
padding: 0px;
}
/* ahora 2 capas */
#capa1 {
position:absolute;
left:0px;
top:0px;
width:293px;
height:244px;
z-index:1;
background-color: green;
}
#capa2 {
position:absolute;
left:364px;
top:342px;
width:293px;
height:244px;
z-index:100;
background-color: red;
}
/* cada capa debe llevar un id único
y en el caso de que las superpongas
a mayor z-index más por encima de las otras
estará una capa. Dales tambien diferentes colores
de fondo para experimentar
*/
-->
<!-- siempre pone un contenido dentro de las capas -->
<div id="capa1">contenido capa 1
</div> <div id="capa2">contenido capa 2
</div>
comienza con eso muy simple y comparalo en IE y otro navegador, para ver si hay
diferencias. Luego modifica los top y left para apreciar los cambios, finalmente agrega más capas. Y juega con los distintos valores. y trabala con un Editor de texto...block de notas si no tenes uno un poco más avanzado
El css es a veces más intuición que otra cosa
Saludos