Buenas,
tengo 3 div alineados uno al lado del otro, en resolución 1920x1024 todo correcto pero cuando hago la ventana más pequeña se empiezan a mover los div y me gustaria que se fueran adaptando...
Por lo menos hasta una resolución 800x600
Gracias
Código HTML:
#button-menu {
float:left;
line-height:6.9;
width:auto;
cursor:pointer;
display: block-inline;
margin-left:4.5rem;
}
#button-imgmenu {
vertical-align: middle;
margin-right: 0.75rem;
display: block-inline
}
#button-iniciar {
float:right;
line-height:6.9;
width:auto;
cursor:pointer;
display: block-inline;
position: relative;
margin-right: 4.5rem;
}
#logo {
float:left;
background: url(../images/logo.png) no-repeat 0 0;
display: block-inline;
width: 80%;
height: 2.688rem;
text-indent: -9999px;
position: relative;
margin-top: 2.2rem;
background-position: center;
}
Parte html
Código HTML:
<header>
<div id="button-menu">
<p><img id="button-imgmenu" src="images/menu.jpg" width="30px" height="30px"/>MENU</p>
</div>
<a href="index.php" id="logo" alt="Logo" title="Logo">Logo</a>
<div id="button-iniciar">
<p><a href="#">INICIAR SESIÓN</a></p>
</div>
</header>