Intentando hacer mi propia Web, me encuentro con el siguiente problema:
• Se me van de sitio y de forma las capas, según el explorador con el que las visualice.
Les dejo mi página que se ve muy bien en Firefox: www.vab-consulting.net
Código HTML:
Código PHP:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>----Index----</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
background-color: #E7E7E7;
}
.Estilo1 {font-family: "Goudy Old Style"}
.Estilo5 {
font-family: "Goudy Old Style";
color: #FFFFFF;
font-weight: bold;
}
.Estilo7 {
font-family: "Goudy Old Style";
font-size: 14px;
font-weight: bold;
}
.Estilo8 {font-family: "Goudy Old Style"; font-weight: bold; }
#Layer1 {
position:absolute;
width:672px;
height:40px;
z-index:1;
left: 365px;
top: 306px;
visibility: visible;
}
#Layer2 {
position:absolute;
width:225px;
height:25px;
z-index:2;
left: 269px;
top: 704px;
visibility: visible;
}
#Layer3 {
position:absolute;
width:200px;
height:115px;
z-index:1;
top: 804px;
left: 227px;
}
#Layer4 {
position:absolute;
left:209px;
top:739px;
width:283px;
height:439px;
z-index:1;
}
#Layer5 {
position:absolute;
left:525px;
top:820px;
width:310px;
height:200px;
z-index:2;
}
#Layer6 {
position:absolute;
left:857px;
top:823px;
width:694px;
height:310px;
z-index:3;
visibility: inherit;
}
#Layer7 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 883px;
top: 739px;
}
#Layer8 {
position:absolute;
left:0px;
top:0px;
width:239px;
height:53px;
z-index:4;
}
#Layer9 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 531px;
top: 739px;
}
#Layer10 {
position:absolute;
left:543px;
top:1317px;
width:545px;
height:74px;
z-index:5;
}
#Layer11 {
position:absolute;
left:539px;
top:641px;
width:453px;
height:158px;
z-index:5;
}
#Layer12 {
position:absolute;
left:537px;
top:1155px;
width:505px;
height:194px;
z-index:5;
}
#Layer13 {
position:absolute;
left:635px;
top:1185px;
width:371px;
height:72px;
z-index:5;
}
#Layer14 {
position:absolute;
left:533px;
top:1349px;
width:236px;
height:130px;
z-index:6;
}
#Layer15 {
position:absolute;
left:755px;
top:1244px;
width:230px;
height:22px;
z-index:6;
}
.Estilo16 {font-family: "Goudy Old Style"; color: #FFFFFF; }
#Layer16 {
position:absolute;
left:534px;
top:1171px;
width:200px;
height:115px;
z-index:7;
}
#Layer17 {
position:absolute;
left:883px;
top:1171px;
width:200px;
height:115px;
z-index:8;
}
#Layer18 {
position:absolute;
left:261px;
top:1282px;
width:369px;
height:320px;
z-index:9;
}
#Layer19 {
position:absolute;
left:233px;
top:1318px;
width:401px;
height:324px;
z-index:9;
}
-->
</style>
</head>
<body id="index" onload="new ElementMaxHeight();MM_preloadImages('images/liso.jpg')">
<div id="Layer4">
<iframe src="http://www.facebook.com/plugins/likebox.php?id=280905800002&width=292&connections=10&stream=true&header=false&height=555" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:532px;" allowTransparency="true"></iframe></div>
<div id="Layer7">
<div id="layer">
<div class="column1">
<div class="padding">
<div align="center"><img src="images/pdc.jpg" alt="" width="279" height="41" /><br />
</div>
<p class="p1"><img src="images/pdc copia.png" alt="" width="145" height="116" style="margin-right:20px; float:left;" /><strong class="b_text">MAS Consulting y la Universidad Pontificia Comillas organizan la sexta edición del Postgrado de Dirección de Campañas.</strong><br />
<br />
El objetivo de este cursode este año, es formar a profesionales del àmbito de la comunicación política en la dirección de campañas.<br class="clear" />
</p>
<p class="p2"> <strong>15 de octubre al 18 de diciembre</strong><br />
En esta edición se prestara especial atención a las próximas elecciones municipales y autonómicas, que se celebrarán en mayo de 2011. </p>
<div class="more">
<p><a href="http://www.masconsulting.es/pdc/">leer más</a><br />
</p>
</div>
</div>
</div>
</div>
</div>
<div id="Layer9">
<div id="layer2">
<div id="div">
<div class="column1">
<div class="padding">
<div align="center"><img src="images/pdc.jpg" alt="" width="279" height="41" /><br />
</div>
<p class="p1"><img src="images/pdc copia.png" alt="" width="145" height="116" style="margin-right:20px; float:left;" /><strong class="b_text">MAS Consulting y la Universidad Pontificia Comillas organizan la sexta edición del Postgrado de Dirección de Campañas.</strong><br />
<br />
El objetivo de este curso de este año, es formar a profesionales del àmbito de la comunicación política en la dirección de campañas.<br class="clear" />
</p>
<p class="p2"> <strong>15 de octubre al 18 de diciembre</strong><br />
En esta edición se prestara especial atención a las próximas elecciones municipales y autonómicas, que se celebrarán en mayo de 2011. </p>
<div class="more">
<p><a href="http://www.masconsulting.es/pdc/">leer más</a><br />
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="Layer13">
<script src="http://h1.flashvortex.com/display.php?id=3_1281031833_56459_318_0_468_60_8_12" type="text/javascript"></script></div>
<div id="Layer15">
<div align="center"><a href="mailto:[email protected]" class="Estilo16">Suscríbete</a></div>
</div>
<div id="header_tall">
<div id="main">
<!--header -->
<div id="header">
<div class="h_logo">
<div class="clear"></div>
</div>
<div id="menu">
<div class="rightbg">
<div class="leftbg">
<div class="padding">
<ul>
<li><a href="index.html" class="Estilo7">INICIO</a></li>
<li><a href="empresa.html" class="Estilo7">EMPRESA</a></li>
<li><a href="index-2.html" class="Estilo8">CLIENTES</a></li>
<li><a href="index-2.html" class="Estilo8">BLOG </a></li>
<li><a href="contactar.html" class="Estilo5">CONTACTAR</a></li>
<li><a href="index-5.html" class="Estilo1"><strong>RSS</strong> <img src="images/RSS.gif" alt="" width="16" height="15" /></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--header end-->
<div id="middle">
<div class="indent">
<div class="columns1">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','liso','',1)" onmouseover="MM_nbGroup('over','liso','images/liso.jpg','',1)" onmouseout="MM_nbGroup('out')"></a></td>
</tr>
</table>
<table width="1024" height="1182" border="1">
<tr>
<th height="1176"><img src="images/paginas centrales/princprueba.png" alt="" width="1024" height="1172" /></th>
</tr>
</table
>
</div>
</div>
</div>
<!--footer -->
<div id="footer">
<div class="indent">
©2007 Vab-Consulting • <a href="index-6.html">Privacy Policy</a> </div>
</div>
<!--footer end-->
</div>
</div>
</body>
</html>
Respuesta: Se me ven mal las capas 
