La pagina todavia no la tengo subida la estoy haciendo y la voy viendo en varios servidores para ver como funciona.
Parte del problema lo he conseguido solucionar (que susto) el problema era que (no se por que) tenía corruptos algunos archivos de imágenes y estilos, vamos que se habían copiado mal. No hay problema porque tenía mi copia de seguridad.
Aun así si hay un problema. Una de las páginas de mi web no se ve bien con el internet explorer 7 y si se ve con las versiones anteriores. Curiosamente el problema que tengo con el i.explorer 7 es el mismo que con el Mozilla: Al cambiar de tamaño la ventana del explorador se descolocan los textos. Antes lo había solucionado (tal y como se explica en una de las lecciones del curso) con una capa que englobe todas las de la página para que todo se mueva al unísono. Sin embargo en esta página de mi web no funciona mientras que en las demás si. Desconozco si tiene algo que ver con que en esta página tengo un menu desplegable y en las otras no.
este es mi codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>OC arquitectura y urbanismo</title>
<link rel="stylesheet" href="css_estudioOC.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="JavaScript" src="no-tocar.txt" type="text/javascript"></script>
<script language="JavaScript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="quienes somos" style= "position:absolute; left:352; top:102; width:200; height:40; background-color:none">
<a href="
http://www.sctarquitectos.com">
<font size=2 face=isocteur>quienes somos<font></a>
</div>
<div id="donde estamos" style= "position:absolute; left:500; top:102; width:200; height:40; background-color:none">
<a href="situacionestudio.html">
<font size=2 face=isocteur>donde estamos<font></a>
</div>
<div id="inicio" style= "position:absolute; left:268; top:102; width:200; height:40; background-color:none">
<a href="index.html">
<font size=2 face=isocteur>inicio<font></a>
</div>
<div id="contacto" style= "position:absolute; left:645; top:102; width:100; height:40; background-color:none">
<a href="
http://www.sctarquitectos.com">
<font size=2 face=isocteur>contacto<font></a>
</div>
<div id="desplegable3" style= "position:absolute; left:654; top:348; width:200; height:22; background-color:none">
<a href="#">
<font size=2 face=isocteur>urbanismo<font></a>
</div>
<div id="desplegable1" style= "position:absolute; left:268; top:348; width:200; height:22; background-color:none">
<a href="#">
<font size=2 face=isocteur>proyectos edificación<font></a>
</div>
<div id="desplegable2" style= "position:absolute; left:760; top:348; width:200; height:22; background-color:none">
<a href="#">
<font size=2 face=isocteur>concursos<font></a>
</div>
<div id="otros trabajos" style= "position:absolute; left:860; top:348; width:140; height:40; background-color:none">
<a href="
http://www.sctarquitectos.com">
<font size=2 face=isocteur>otros trabajos<font></a>
</div>
<div id="separacion1" style= "position:absolute; left:333; top:102; width:200; height:40; background-color:none">
<font size=1 color=white face=isocteur>|<font>
</div>
<div id="separacion2" style= "position:absolute; left:482; top:102; width:200; height:40; background-color:none">
<font size=1 color=white face=isocteur>|<font>
</div>
<div id="separacion3" style= "position:absolute; left:628; top:102; width:200; height:40; background-color:none">
<font size=1 color=white face=isocteur>|<font>
</div>
<div id="separacion4" style= "position:absolute; left:744; top:348; width:200; height:40; background-color:none">
<font size=1 color=white face=isocteur>|<font>
</div>
<div id="separacion5" style= "position:absolute; left:849; top:348; width:20; height:40; background-color:none">
<font size=1 color=white face=isocteur>|<font>
</div>
<script language="JavaScript" src="definir-menus.txt" type="text/javascript"></script>
</div>
</body>
</html>
esta mi hoja de estilos:
#global {width:980px;height:560px; margin:auto auto auto auto; padding:auto auto auto auto; background-image: url(objetos/paginaOC2.png); background-repeat: no-repeat; background-position: center center; background-attachment: fixed}
body {background-color: black}
a {color: white; text-decoration:none}
a:hover {color:#8b8989; text-decoration:none
A ver si me podeis hechar un cable GRACIAS
