Hola, estoy haciendo una web y agregue el buscador en el header, justo arriba del menu pero, cuando minimizo la web, el buscador se mueve mas a la izquierda.
No se porque pasa esto, a ver si pueden ayudarme, aqui unas fotos:
Normal:
http://oi44.tinypic.com/ruz0xu.jpg
Minimizado:
http://oi42.tinypic.com/2e1r7m9.jpg
Aqui el css que tengo:
Código:
.search2{
position:absolute;
top:30px;
right:351px;
}
.buscador-icon{
background:url("images/buscador.png") no-repeat;
width:48px;
height:48px;
float:left;
}
.search2 ul{
list-style:none;
width:238px;
height:32px;
padding:4px 4px 0 4px;
background:url("images/search.png") no-repeat;
float:right;
margin-top:6px;
margin-left:5px;
}
.search2 ul li{
float:left;
}
.search2 ul li input.txtfield{
float:left;
width:180px;
height:28px;
line-height:28px;
padding:0px 10px 0px 10px;
font-size:12px;
color:#798e94;
background:transparent;
border:none;
}
.search2 ul li input.go{
float:right;
width:32px;
height:28px;
border:#FFF solid 1px;
border-radius:0px 2px 2px 0px;
background-image:url("images/mag.png");
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;
background-color:#4C4948;
}
Aqui el codigo para el buscador:
Código PHP:
<div class="search2"><div class="buscador-icon"></div>
<ul>
<form action="" method="post" id="searchform">
<li>
<input type="text" value="Qué Disco Buscas?" name="s" id="s" onblur="if(this.value == '') { this.value = 'Qué Disco Buscas?'; }" onfocus="if(this.value == 'Qué Disco Buscas?') { this.value = ''; }" class="txtfield" />
</li>
<li style="float:right;"><input type="submit" class="go" value="" /></li>
</form>
</ul>
</div>
Que tengo mal amigos?, espero su ayuda.