Comunidad de diseño web y desarrollo en internet online

Reajustar web a cada pantalla y navegador

Citar            
MensajeEscrito el 11 Ago 2009 10:45 am
Hola es mi primera vez por aquí y dicen que la primera nunca se olvida!! jeje

No sé si este tema va aquí o dónde...

A ver mi problema es que no consigo ajustar mi web creada en Flash y Dreamweaver a las diferentes pantallas. En 22" se me ve deluxe porque la he creado desde ahí, pero al visualizarla en un 15" por ejemplo, ahí además de verse enorme, se vé muy poca web (poruqe se sale) y no se centra... hay alguna manera de solventar esto? Yo he buscado y rebuscado en internet y comentan jugar con los porcentajes... y ya lo hice y nada. En Flash al publicar Html le di proporciones 100% en vez de ajustar a la película. En Dreamweaver tambien le he dado valores width y height al body del 100% (por probar ya aburrido y nada). Los valores del JS (código al incrustar el flash en el weaver) tambien los he cambiado a mano y los he puesto a 100% y nada!!!

Lo que quiero es que en la pantalla de 15" (por ejemplo) se vea más pequeño y todo centrado (para eso de le hado desde CSS el left: 50%, margin-left: -640px... (ya que el flash mide 1280px)... Os plasmo si tal mi CSS para que os hagáis una idea, pero básicamente tengo un DIV "fondo" como contenedor, y otro DIV dentro de éste llamado "flash fondo" que es el que contiene el flash .swf.

body {color:#666666;
width:100%;
height:100%;
margin:0px;
}

.fondo {
position:relative;
width: auto;
height: auto;
margin-left:auto;
margin-right:auto;
z-index:1;
}


.flash fondo {
position:absolute;
width:1280px;
height:1024px;
left:50%;
margin-left:-640px;
z-index:2;
}


#avisolegal {
position:absolute;
width:80px;
height:15px;
left:50%;
margin-left:-40px;
top:750px;
z-index:3;

}

¿Qué puedo estar haciendo mal? Alguna idea?
Si me explico mal o necesitáis más datos, sólo teneis que pedirmelos para que os aclare.

Mil gracias de antemano!!

Por javirockero

12 de clabLevel



 

msie8
Citar            
MensajeEscrito el 11 Ago 2009 10:54 am
Lo que tienes que hacer es poner el width y el heigth al 100%, asi siempre cogera el 100% de la pantalla sea cual sea el tamaño...

Por Wyrm

Claber

1545 de clabLevel

15 tutoriales

 

firefox
Citar            
MensajeEscrito el 18 Ago 2009 08:56 am
Gracias Jorge, pero te refieres al widht y height del CSS?? como lo tengo puesto en el body? o dónde le coloce el 100%?
Gracias

Por javirockero

12 de clabLevel



 

msie8
Citar            
MensajeEscrito el 18 Ago 2009 09:02 am
Hola,

Supongo que la web la meterás a un archivo html, no? Pues ahi, en el codigo, puedes cambiar el width y height de la pelicula que cargas...

Por Wyrm

Claber

1545 de clabLevel

15 tutoriales

 

firefox
Citar            
MensajeEscrito el 20 Ago 2009 01:41 pm
Te refieres al código que genera dreamweaver al colocar el flash dentro del div no? lo pongo mas abajo para que me indiques por favor en qué parte de todas las veces que especifica las medidas del flash, he de poner "100%", las especifico en negritas!

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','842','height','595','src','fondo_animado_present','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','fondo_animado_present' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="842" height="595">
<param name="movie" value="fondo_animado_present.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="fondo_animado_present.swf" width="842" height="595" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>


Muchas gracias Jorge!!

Por javirockero

12 de clabLevel



 

msie8
Citar            
MensajeEscrito el 20 Ago 2009 01:45 pm
Yo normalmente solo pongo el width al 100%, ya que el alto es relativo...y a este le pongo un numero entero..

Por Wyrm

Claber

1545 de clabLevel

15 tutoriales

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.