Hola Mediavideros:
Estoy diseñando una página web para una empresa de alquiler de aparcamiento para caravanas como proyecto de curso y he decidido usar Dreamweaver 8.
Mi problema viene al intentar definir la posición de las capas para que queden siempre centradas en la pantalla. He creado la capa menu la cual incluye a todas las demás y si no me equivoco cambiando las propiedades de esta todas se deberían mover como un bloque.
Si no queda claro lo que quiero es algo como MV, queda el mismo espacio por derecha e izquierda sin importar el tamaño de la pantalla.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
#Logo {
position:absolute;
width:250px;
height:180px;
z-index:12;
left: 0px;
top: 0px;
}
#Alquilar {
position:absolute;
width:230px;
height:50px;
z-index:11;
left: 250px;
top: 130px;
}
#Historia {
position:absolute;
width:150px;
height:40px;
z-index:10;
left: 480px;
top: 140px;
}
#Contacto {
position:absolute;
width:150px;
height:40px;
z-index:13;
left: 770px;
top: 140px;
}
#Instalaciones {
position:absolute;
width:150px;
height:40px;
z-index:9;
left: 630px;
top: 140px;
}
#Menu {
position:absolute;
width:922px;
height:180px;
z-index:12;
left: 100px;
top: 0px;
}
#Flash {
position:absolute;
width:920px;
height:1160px;
z-index:8;
left: 0px;
top: 180px;
}
#General {
position:midlle;
width:920px;
height:590px;
z-index:10;
left: 50%;
top: 0px11;
}
#Sublogo {
position:absolute;
width:150px;
height:115px;
z-index:13;
left: 260px;
top: 10px;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#1B1B1B" link="#FFFFFF" vlink="#666666" alink="#FFFFFF" onload="MM_preloadImages('../imag/log2.jpg','../imag/alquilarpuls.jpg','../imag/instalacionespuls.jpg','../imag/contactanospuls.jpg','../imag/historiapuls.jpg')">
<div id="General">
<div id="Menu">
<div id="Flash" style="background-color: #E6E6E6" background-image:url(../imag/fondo.png)"></div>
<div id="Contacto"><a href="contactanos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','../imag/contactanospuls.jpg',1)"><img src="../imag/contactanos.jpg" name="Image4" width="150" height="40" border="0" id="Image4" /></a></div>
<div id="Logo"><a href="" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../imag/log2.jpg',1)"><img src="../imag/log.jpg" alt="www.caravaning.com" width="250" height="210" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="6,4,246,179" href="Index.html" alt="www.caravaning.com" />
</map>
</a></div>
<div id="Alquilar"><a href="servicios.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','../imag/alquilarpuls.jpg',1)"><img src="../imag/alquilar.jpg" name="Image2" width="230" height="50" border="0" id="Image2" /></a></div>
<div id="Historia"><font color="#000000"><a href="historia.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../imag/historiapuls.jpg',1)"><img src="../imag/historia.jpg" name="Image5" width="150" height="40" border="0" id="Image5" /></a><a href="../historia.html"></a></font></div>
<div id="Instalaciones"><a href="instalaciones.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','../imag/instalacionespuls.jpg',1)"><img src="../imag/instalaciones.jpg" name="Image3" width="140" height="40" border="0" id="Image3" /></a></div>e
<div id="Sublogo"><img src="../imag/sublogo.jpg" width="150" height="114" /></div>
</div>
</div>
</body>
</html>
Gracias.
