Antes que nada me presento: mi nombre es ebastian y vivo en barcelona con mi mujer y mi perro. Gracias por dar un espacio de apoyo a, los que como yo, tenemos dudas constantes.
Llendo a la situación en particular, me encuentro con el siguiente problema:
• Las capas se me van de sitio y de forma 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
haber que se puede hacer... gracias de antemano!
Código HTML:
Código :
<!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> 
D. Y la parte de la web que no es una imágen (la sección del facebook y las dos noticias que tienes al lado) al cambiar de resolución de pantalla no se "reposicionan" en el centro, están fijas, no como la imágen que si se recoloca. Lo mejor es que crees un Div donde metas ese contenido, y luego lo posiciones. De hecho creo que esa parte de la web no está dentro de ningún div. Además, hay muchas clases que no tienen ningún estilo (columns1, leftbg, rightbg...). Una pregunta, ¿como hiciste la página? ¿a pelo o usando alguna web en base a un archivo PSD?