saludos de nuevo, llevo toda la tarde probando cosas y no acabo de encontrar lo que busco, os pongo en situacion
Necesito alinear un logo con una barra de menu(el menu es un .swf)de tal forma que quede uno al lado del otro y que adapten su tamaño al tamaño de ventana, (lo he hecho con porcentajes, pero se llega a descuadrar con ventanas pequeñas. )
De momento tengo un div que contiene toda la pagina, otro div dentro de este que se llama cabecera que contiene a su vez los dos div que quiero alinear horizontalmente, logo y botones, luego tengo otros divs para el contenido.
Os pongo el codigo
Código html
Código:
<link href="estilo.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body >
<div id="contenedor" style="height:100%; width:100%">
<div id="cabecera" >
<div id="logo" style="width: 18%; height: 20%"><img alt=""height="100%" src="images/logohome.png" width="100%"/></div>
<div id="botonera" >
Aqui va el .swf del menu
</div>
</div>
<div id="fondo"><p> <img height="100%" src="images/cuadrohome.png" width="100%"/></p>></div>
</div>
</body>
</html>
Código css
Código:
body {
background-color:#102545;
text-align:center;
font:18px Arial;
}
#contenedor{
}
#cabecera{
}
#logo {
padding-top:5%;
padding-left:15%;
}
#botonera{
}
He leido que la solución podría ser float, pero si se lo pongo al menu float=right, desaparece. Os pongo una imagen de como me queda ahora mismo.
