Entrar

Alineacion!!

Intersystem · · Solicitar retirada
Hola webmasters.

Mi duda es simple pero no encuentor el error del código.

Mis primeros 3 elementos de la web los quiero en orden de arriba hacia abajo pegados uno debajo del otro sin espacios entre los mismos.

Resulta que en Chrome los 2 primeros (banner + pelicula flash) aparecen juntos y el tercer elemento(menu flash) separado por unos 3 o 4 cm.

En Iexplorer aparecen los 3 separados con una distacia de 3 cm también.

URL: http://intersystem-arg.site90.net/Hardware.html


Creo que mi codigo no esta funcionando:

HTML:

<body>
<div id="global">
<div id="contenido"><img src="home_logo.jpg" width="290" height="119"><img src="home_top.jpg" width="510" height="119"></div>
<div id="menu"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="800" height="300">
<param name="movie" value="flash a terminar.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="flash a terminar.swf" width="800" height="300" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" ></embed></object></div>
<div id="botonera">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="800" height="45">
<param name="movie" value="botom.swf">
<param name="quality" value="high">
<embed src="botom.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="45" ></embed>
</object></div>




CSS


body {position:absolute ; height:inherit ; height:auto ; background-color:#e6fbef }


#banner { background-image:url(banerprueba.png); background-repeat: no-repeat ; Overflow: visible ;
height:100px;
width:auto;
border-right: 1px;
border-top: 0px;
border-width: 1px;
border-color: #3399FF }

#contenido {
height:
68px;
background-color:#e6fbef;
width:802px ; padding-bottom: 1px }

#contenido2 { height: 650px ; width: 800px ; border:solid 1px #000000 ; padding-top: 5px }

#global {
width:auto;
margin-left: 250px;
height:800px;
margin-top: 4px;
margin-right: auto;
margin-bottom: 4px;}

#botonera {height:50px; width: 700px ; background-color:#e6fbef }

#menu {width: 300px ; height: 300 px }
victor5atodogas · · Solicitar retirada
Tan simple como que tienss puesta a una flash una altura de 800px y por eso te deja ese espacio en blanco entre ambos, ves probando a reducirlo hasta que quede como quieres.

Un saludo.
Intersystem · · Solicitar retirada
Disculpame podrias marcarme donde tengo esa altura?

Yo solo veo Anchos de 800px pero no encuentro esa altura de 800px aplicada a un flash que me decis.
victor5atodogas · · Solicitar retirada
perdon, el alto!jejejeje k lo he mirado con Chrome y tienes eso, mas alto de lo k realmente es el flash; lo mejor es que pruebes hasta dar con lo k te intersa o poner 100% k si no me ekivoco serviria para autoajustarlo al tamaño k tiene.

Saludos.
Intersystem · · Solicitar retirada
Te agradesco por la ayuda pero no logro hacerlo, si achico el flash de arriba se superpone con el banner, si achico el de abajo se achica aajaja pero no cambian la distancia entre los elementtos
Intersystem · · Solicitar retirada
Espero no molestar pero aun no encuentro la solucion si alguno me puede ayudar, o explicarme mejor lo que me quisieron decir arriba lo agradeceria.
lantiga · · Solicitar retirada
he probado a hacer un cambio de height="400" y el resultado es bastante aceptable pero igualmente pruebalo haber si te gusta como queda,ok?
Intersystem · · Solicitar retirada
Primero gracias, es verdad queda algo mejor pero se separa de el borde de arriba ahora tambien.
y si lo ves en IExplorer la distancia es aun mayor :S
lantiga · · Solicitar retirada
Bueno vamos por partes primero arreglamos una cosa y luego la otra ,ok?
Intersystem · · Solicitar retirada
okok, lo que noté es que si achico el tamaño del flash, se sube y se monta sobre el banner de arriba, y si lo agrando demasiado, se alejan los botones de debajo de el.
esta como flotando y tiene un "margin o un padding" pero no tiene aplicadas ninguna de esas caracteristicas.
lantiga · · Solicitar retirada
no pasa nada creo que tenemos que jugar con las proporciones de :

#menu {width: 300px ; height: 300 px }

Si bajas lo que te he dicho antes te quedara separado del banner y solo tienes que ver cuantos px necesitas para que te quede como quieres y solo tienes que tocar esta linea de arriba ok?