Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Dae.. beleza? Bom tava fazendo por zuera um site e comessei a faze um layout... ta fui fazendo e dai vi q no meio onde tem um menu e a parte de conteudo, a do conteudo com float:right não tava ficando beeeem pra direita e ficava um pequeno espaço sobrando como pode ser visto na imagem abaixo.
e ai?? Não sei css o suficiente pra sabe o pq ^^!
agradeceria se me ajudasse
CSS:
@charset "utf-8";
/ CSS Document /
#tudo {
width:1000px;
margin: 0px auto;
}
#topo {
width:1000px;
}
#topo_up {
width:1000px;
}
#topo_down {
clear:both;
width:1000px;
height:27px;
background:url(barra_topo.jpg);
border:1px solid;
}
#topo_down ul {
float:right;
padding:4px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#topo_down li {
display:inline;
margin:0px 5px 1px 1px;
}
#meio {
clear:both;
width:1000px;
margin:3px 0px 0px 0px;
}
#menu {
width:200px;
float:left;
border:1px solid;
margin:0px 0px 3px 0px;
}
#menu ul {
float:left;
padding:1px 0px 0px 10px;
margin:0px 0px 0px 0px;
list-style:none;
background:url(asd) no-repeat;
}
#menu a {
text-decoration:none;
}
#menu a:hover {
text-decoration:none;
}
#conteudo {
width:781px;
float:right;
border:1px solid;
padding:0px 0px 0px 3px;
margin:0px 0px 3px 0px;
}
#rodape {
clear:both;
width:1000px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:center;
background:url(barra_rodape.jpg);
height:18px;
font-size:10px;
padding:4px 0px 0px 0px;
border:1px solid;
}IMG {
border-width:0px;
border:0px;
}
.form_textbox {
border:1px solid #CCCCCC;
font:Geneva, Arial, Helvetica, sans-serif 12px;
color:#666666;
}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="estilos/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="tudo">
<div id="topo">
<div id="topo_up">TOPO_UP</div>
<div id="topo_down">
<ul>
<li>Contato</li>
<li>Manual</li>
<li>FAQ</li>
</ul>
</div>
</div>
<div id="meio">
<div id="menu">
<ul>
<li><a href="#">Principal</a></li>
<li><a href="#">Registro</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Status</a></li>
</ul>
</div>
<div id="conteudo">
Formulário: <br />
<input class="form_textbox" name="teste" type="text" /> <br />
Botão:<br />
<input class="form_textbox" name="" type="button" value="Teste" />
<br />
<hr />
</div>
</div>
<div id="rodape">Todos os direitos reservados - Sipmann 2009</div>
</div>
</body>
</html>VLWWW até gurizada!
e desculpa por qualquer coisa!
Carregando comentários...