Estoy intentando hacer un diseño web con capas y no acaba de funcionar. Al no haber nada escrito en la capa de texto todo muy bien, pero al escribir demasiado las imagenes Goldwing_04.gif y Goldwing_06.gif se separan, cosa que hace que el dieño no quede nada bien. hay alguna forma de que al escribir demasiado texto queden unidas todavia?
El codigo es:
<!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=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
font-family: "Century Gothic", Arial, "Comic Sans MS";
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFF;
background-color: #000;
text-align: center;
}
#body {
background-color: #000;
height:100%;
width: 917px;
text-align:left;
margin-top: 0;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
#body #image3 {
width: 183px;
height: 83px;
float: left;
}
#body #image4 {
float: right;
width: 598px;
height: 142px;
}
#body #image1 {
height: 142px;
width: 917px;
float: right;
}
#body #menu {
width: 183px;
float: left;
}
#body #text {
height: auto;
width: 593px;
float: left;
}
#body #image2 {
width: 141px;
float: right;
height: 338px;
}
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div id="body" align="center">
<div id="image1"><img src="file:///C|/wamp/www/Goldwing/images/Goldwing_01.gif" width="640" height="142" alt="" />
</div>
<div id="menu">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="183" height="255">
<param name="movie" value="../../../wamp/www/Goldwing/images/Menu-es.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="9.0.45.0" />
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../../../wamp/www/Goldwing/images/Menu-es.swf" width="183" height="255">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="9.0.45.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->
<div>
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p>
</div>
!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<div id="image3"><img src="file:///C|/wamp/www/Goldwing/images/Goldwing_05.gif" width="183" height="83" alt="" /></div>
</div>
<div id="text">
<p>Aixó és una prova </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="image2"><img src="file:///C|/wamp/www/Goldwing/images/Goldwing_04.gif" width="141" height="338" alt="" />
</div>
<div id="image4"><img src="file:///C|/wamp/www/Goldwing/images/Goldwing_06.gif" width="598" height="142" alt="" /></div>
</div>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>
Gracias por todo!
EDITO: A proposito, puede que no responda porque tengo que irme ya....
