Height automatica...

[Tiago Henrique 0]

Olá pessoal estou passando mau para conseguir deixar a altura de uma div sempre que ocupe o tamanho do monitor sem deixar espaço em branco...

 

Isso só acontece no Firefox http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

 

www.numb-life.com olhe fica um espaço em branco quando naum tem conteúdo na div..

 

ja tentei:

 

Height: auto

 

mais naum funciona http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

Se alguém poder me ajudar ficarei muito grato.

 

Até+

[micox 2]

1) use um " * { margin:0px; padding:0px; } no início dos seus scripts.2) Leia sobre faux-columns e os tutoriais de posicionamento do pa_bruno.

[joaogil 1]

O que significa isto ?

* { margin:0px; padding:0px; }

O que faz o asterisco ?

[Giovani 104]

Joaogil,

 

Esse asterisco quer dizer - todos os elementos - e nesse caso está zerando a margin e o padding!

 

você pode colocar mais coisas....tipo.....

 

* {	margin: 0;	padding: 0;	border: none;	text-decoration: none;}

Desse jeito q fiz ele vai, além de zerar margin e padding, tirar a borda e deixar o texto sem nenhuma "decoração"....para todos os elementos.

 

Abraços! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[joaogil 1]

Valeu Gio, eu só não sabia o que significava o asterisco, agora eu sei, obrigado !

 

Eu também já vi em um tutorial pra fazer um div fixo na tela pra IE (que no caso não reconhece o position:fixed), algumas classes assim:

 

* body{	/*aqui vai os atributos*/}

E isso geraria erro, se eu não me engano, mas o IE consegue lê ! Então seria um macete para somente o IE ler a classe.

[Giovani 104]

joaogil,

 

Disponha!

Estamos ai pra ajudar! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[micox 2]

Joao gil, você deve estar se referindo ao hack-estrela-html do IE. Esse que você falou aí eu não conheço não.Se for isso mesmo, o certo será

* html seu_seletor { suas_propriedades; }

[Tudo morre 0]

Sei que o pessoal vai odiar isso mas eu estava com mesmo problema e resolvi assim:

<table>

<tr><td>menu</td><td>conteudo</td></tr>

</table>

Depois usei o CSS para formatar tudo e não precisei fazer nada para as duas colunas ficarem com a mesma altura pois a tabela força isso.

E também pude deixar a coluna do menu com uma medida fixa de 150px enquanto que a coluna direita se ajusta com a resolução do usuário.

Quero deixar claro que também estou tentando não usar tabelas, principalmente pra economizar no código da página mas, nesse caso, com uma linha resolvi tudo e com CSS não seria tão fácil.

É isso aí.

Até mais

Fernando

[TheChessMan 0]

Claro, mas a idéia é acabar com layouts híbridos, às vezes tenho esses problemas em relação a altura das divs, não achei uma lógica nisso ainda... se existir postem aí.

[micox 2]

você consegue isso com o faux columns ou com o onetruelayout:

 

http://forum.imasters.com.br/index.php?sho...=167675&hl=faux

[micox 2]

Nova solução encontrada por mim. Teste ae: http://forum.imasters.com.br/index.php?s=&...ndpost&p=553968