Aqui você verá artigos sobre HTML
Moderador: web
por web Offline » Seg Nov 19, 2007 10:22 am
|
|
Quando usamos as colunas de uma tabela, e reduzimos o tamanho da janela do navegador, o conteúdo de cada coluna continua na mesma linha, isso porque realmente estão na mesma linha, criando a barra de rolagem horizontal.
Para evitar esse problema, use esse código abaixo
- Código: Selecionar todos
<style type="text/css">
.div{
border:1px solid #cccccc;
width:80px;
height:20px;
margin-top:2px;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
float:left;
}
</style>
<div style="float:clear;">
<div class="div">texto</div>
<div class="div">texto</div>
<div class="div">texto</div>
<div class="div">texto</div>
<div class="div">texto</div>
<div class="div">texto</div>
<div class="div">texto</div>
<div class="div">texto</div>
<div class="div">texto</div>
<div class="div">texto</div>
<div class="div">texto</div>
</div>
<br clear="all">
continuação...
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11889
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre HTML
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
