Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17641
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Padronizando várias divs

26-12-2007 00:02

Esse script padroniza a altura da div de acordo com o conteúdo, supondo que você tenha uma página onde cada div tem um conteúdo, esse script permite que quando o conteúdo for maior que determinado valor, crie a barra de rolagem para não estourar o layout.

<style type="text/css"> .rolagem { border:1px dotted #cccccc; width:200px; font-family:tahoma; font-size:12px; color:#666666; padding: 1px 1px 1px 1px; overflow:auto; overflow-x:hidden; } </style>


<script type="text/javascript"> window.onload = function() { var div = document.getElementsByTagName("div"); for(var i = 0; i < div.length; i++) { if(div[i].id=="configuracao" && div[i].offsetHeight > 150) { div[i].style.height="150px"; } } } </script>


<div class="rolagem" id="configuracao"> conteudo<p><br></p> conteudo<p><br></p> conteudo<p><br></p> conteudo<p><br></p> </div>   <div class="rolagem" id="configuracao"> .... </div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado