input responsivo?
opa pessoal beleza, seguinte, tenho esse layout aqui:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documento sem título</title>
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/reset.css" rel="stylesheet" media="screen" type="text/css">
<script type="text/javascript" src="js/respond.min.js"></script>
</head>
<body>
<div id="container">
<div id="header">
<div id="logo"></div>
<form name="busca" action="" method="post">
<input type="text" name="busca" id="busca" />
</form>
<div id="dropdwon_button"></div>
</div>
<div id="title">
<h1>Kitchenette/Conjugados</h1>
<h2>COPACABANA, RIO DE JANEIRO - RJ AVENIDA PRADO JR</h2>
</div>
<div id="box_slides"></div>
<div id="details">
<p>
Imovel localizado em edificio muito bem conservado, com um condominio bem administrado e com otima infraestrutura. O condominio mantem dois elevadores sociais e um elevador de serviço, além de manter uma portaria 24 horas (full time). Para sua segurança e de seus acompanhantes existem cameras de vigilancia e segurança em todos os andares. Facil acesso a transportes diversos. Este imovel está com a diária por um preço dos mais acessiveis e economicos da região. Agregando bem estar, conforto e estabilidade. A suite está muito bem montada e aparelhada com tudo para lhe fazer e trazer tranquilidade na sua estada.
</p>
</div>
</div>
</body>
</html>e esse css
@charset "utf-8";
/ CSS Document /
body,html{
margin:0px;
padding:0px;
}@media screen and (min-width: 360px){
#container{
width:100%;
margin:auto;
}
#header{
padding:5px;;
height:30px;
background-color:#CCC;
}
#logo{
width:25%;
height:27px;
float:left;
background-color:#999;
margin-right:5px;
}#header input{
height:20px;
width:100%;
display: block;
margin: 0px auto;
}
#dropdwon_button{
width:43px;
float:right;
background-color:#999;
height:27px;
}
#title{
display:block;
padding: 3px;
}#title h1{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}#title h2{
font-size:15px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#box_slides{
padding:5px;
height:255px;
background-color:#999;
}#details p{
font-size:11px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
}so que e assim, o input está empurrando a div dropdwon_button p baixo, e eu preciso que ela fique do lado do input, mas n to conseguindo de jeito nenhum
alguem pode me dar uma ajuda?
valeu
Discussão (3)
Carregando comentários...