Saludos. En mi proceso de aprendizaje de Css me he topado con este problemilla que le he dado mil veces y no logro solucionar. Aqui en asunto:
Tengo un DIV (#header) donde he colocado una imagen:
<div id="header"><img src="header.png"></div>
y dentro de ese DIV quiero meter otro DIV (#buscador) en el cual quiero colocar un buscador y que este ubicado en la parte superior derecha del DIV header.
<div id="header"><div id="buscador"></div></div>
el asunto es que no logro cuadrarlo usando Float y position. Esta es la parte que mas me cuesta de CSS.
Mi Css esta asi:
#header {
width:100%;
height:115px;
padding:0px;
margin:0px;
position: absolute;}
#buscador {position:absolute; float:right;}
No se colo lograr que el #buscador se posicione en la parte superior derecha de #header.
He cambiado las posiciones una y otra vez y nada....
Gracias por la ayuda que puedan brindar..
Nota: Usando en #header la propiedad background-image si logro colocarlo. Pero me interesa invocarlo como imagen y no como fondo para poder usar: #header img {width: 100%;height: 115px;} de modo que la imagen se estire en caso de que algunos usuarios usen una resolucion mayor a 1024*768, como por ejemplo 1360*768