Anónimo
Hola kike
Hola Kike soy yo otra vez perdona que te moleste pero me quede atascado... Al fin pude centrar la página pero tengo un problema con los div internos les asigne posición relative como me recomendaste y en ie si he conseguido mantenerlos donde quiero pero al cambiar de navegador todo se sale del div1 contenedor ... Te hablo en concreto de la capa #barranavegacion es con la que he intentado todo esto te pego el código y gracias por adelantado
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body{
text-align:center;
background-image: url(fondos/0fondo%20general.jpg);
}
#apDiv1 {
margin-left:auto;
margin-right:auto;
text-align:left
width:800px;
height:2450px;
z-index:1;
background-color: #FFF;
text-align: center;
aling:left;
width: 928px;
}
#pie {
position:relative;
width:915px;
height:193px;
z-index:1;
left: 250px;
top: 2250px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
text-align: center;
aling:left;
}
#barranavegacion {
position:relative;
width:537px;
height:44px;
z-index:2;
top: 270px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
aling:left;
left: 180px;
}
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div id="barranavegacion">inicio . Empresa. Servicios . Galeria . Imagenes . Ofertas. Mapa de sitio . Contactar . Solicitar pre</div>
<div id="apDiv1">
<p>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="905" height="200">
<param name="movie" value="BANNER WEB 2008 index.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.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="BANNER WEB 2008 index.swf" width="905" height="200">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.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="
" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</p>
<p><img src="fondos/fondo index 2010.jpg" width="920" height="2000" /></p>
<div id="pie">
<p> </p>
Este texto se delesplaza a la izquierda al cambiar resolucion
</div>
<p> </p>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body{
text-align:center;
background-image: url(fondos/0fondo%20general.jpg);
}
#apDiv1 {
margin-left:auto;
margin-right:auto;
text-align:left
width:800px;
height:2450px;
z-index:1;
background-color: #FFF;
text-align: center;
aling:left;
width: 928px;
}
#pie {
position:relative;
width:915px;
height:193px;
z-index:1;
left: 250px;
top: 2250px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
text-align: center;
aling:left;
}
#barranavegacion {
position:relative;
width:537px;
height:44px;
z-index:2;
top: 270px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
aling:left;
left: 180px;
}
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div id="barranavegacion">inicio . Empresa. Servicios . Galeria . Imagenes . Ofertas. Mapa de sitio . Contactar . Solicitar pre</div>
<div id="apDiv1">
<p>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="905" height="200">
<param name="movie" value="BANNER WEB 2008 index.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.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="BANNER WEB 2008 index.swf" width="905" height="200">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.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="
" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p></div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</p>
<p><img src="fondos/fondo index 2010.jpg" width="920" height="2000" /></p>
<div id="pie">
<p> </p>
Este texto se delesplaza a la izquierda al cambiar resolucion
</div>
<p> </p>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>
1 Respuesta
Respuesta de Kike Rodríguez
1
Varias cosas:
Cuando mandes un código no metas objetos, no puedo verlos evidentemente, cámbialo por un div con color para ver como queda o como ocupa el espacio, pero no un flash.
<p><img src="fondos/fondo index 2010.jpg" width="920" height="2000" /></p>
No sé que es, parece que quieres poner de fondo a la página esa imagen por el ancho y el alto que pones, para eso utiliza "background-image", si no esa imagen ocupa espacio que hace que lo demás se descuadre.
La barra de navegación, que está en texto, deberías sencillamente asignarle un ancho del 100% y usar "text_aling" para que quedara centrado, ahora mismo no está centrada. El position relative es sobre todo para aquellos div que tienen una posición a la izquierda o a la derecha que quieres mantener, si no puedes usar porcentajes, width:90% y left:5% (la mitad del 10% restante para que quede centrado) te centran y ajustan el tamaño de los dív en función de la resolución, si no necesitas dejar un margen usa el width:100%
Usa siempre unidades, width="920" no es válido, puede funcionar, pero no es correcto y puede que en un futuro deje de funcionar, lo correcto es: width="920px"
El texto que me dices que se mueve a la izquierda al cambiar la resolución es probablemente por el position relative y porque le das unas posiciones fijas. Si yo quiero que esté a 500 de la izquierda pero después la pantalla es de 3000 de ancho vas a notar que sigue a 500 de la izquierda, pero que a la derecha queda más espacio que si la pantalla fuera de 1280. Ese div, para que siempre esté a la izquierda del todo, de nuevo puede ser con un ancho del 100% y con el texto alineado a la derecha, así siempre, sea cual sea la resolución o el tamaño de la ventana, se colocará a la derecha.
Kike
Cuando mandes un código no metas objetos, no puedo verlos evidentemente, cámbialo por un div con color para ver como queda o como ocupa el espacio, pero no un flash.
<p><img src="fondos/fondo index 2010.jpg" width="920" height="2000" /></p>
No sé que es, parece que quieres poner de fondo a la página esa imagen por el ancho y el alto que pones, para eso utiliza "background-image", si no esa imagen ocupa espacio que hace que lo demás se descuadre.
La barra de navegación, que está en texto, deberías sencillamente asignarle un ancho del 100% y usar "text_aling" para que quedara centrado, ahora mismo no está centrada. El position relative es sobre todo para aquellos div que tienen una posición a la izquierda o a la derecha que quieres mantener, si no puedes usar porcentajes, width:90% y left:5% (la mitad del 10% restante para que quede centrado) te centran y ajustan el tamaño de los dív en función de la resolución, si no necesitas dejar un margen usa el width:100%
Usa siempre unidades, width="920" no es válido, puede funcionar, pero no es correcto y puede que en un futuro deje de funcionar, lo correcto es: width="920px"
El texto que me dices que se mueve a la izquierda al cambiar la resolución es probablemente por el position relative y porque le das unas posiciones fijas. Si yo quiero que esté a 500 de la izquierda pero después la pantalla es de 3000 de ancho vas a notar que sigue a 500 de la izquierda, pero que a la derecha queda más espacio que si la pantalla fuera de 1280. Ese div, para que siempre esté a la izquierda del todo, de nuevo puede ser con un ancho del 100% y con el texto alineado a la derecha, así siempre, sea cual sea la resolución o el tamaño de la ventana, se colocará a la derecha.
Kike