Layout

Assuntos Gerais
#1

Ola…

me ajudem…

estou querendo fazer um layout em vertical, mas nao estou conseguindo fazer…!!!

eu coloquei os seguinte codigo no CSS…

html
{
    height:100%;
}
body
{
    margin:0px;
    padding:0px;
    height:100%;
    background-color:Black;
}

#total
{
  margin:0 auto;
  width:700px;
  height:height:100%;   
  background-color:Silver;
}

e na asp.net coloquei …


<div id="total">
</div>

mas como eu quero fazer o layout na vertical…

eu queria que a div total ficasse com o height 100% …

mas nao esta ficando e ficando todo preto.

me ajudem…

obrigdo.

#2

Problema sério, já estudei muito sobre isto e até hoje não sei como deixar um bloco ocupar todo o espaço da tela. Só consegui com tabela.
Se você colocar em pixeis ele funciona, mas aí… bem, a altura muda muito de um monitor para o outro.

#3

Sinceramente

O unico meio que consegui ja fazer isso, foi através de JavaScript…

Trabalho com JQuery, e no evento resize da window, redimensiono minha div, para ela ficar sempre do tamanho exato disponível, não desperdiçando nada.

Se isso resolver pra vc posso te mandar um exemplo.

#4

Manda o exemplo que eu tb quero hahahahaah!
Estou estudando mais a fundo layouts com css se eu conseguir resolver isto só com css eu posto neste tópico.

#5

Se vc conhecer JQuery vai ficar fácil

Senão, me da um toque que explico o que der pra te facilitar a vida ai.

$(window).bind("resize", function(){
	resize();
});

function resize(){
	if(jQuery.browser.msie){
	    w = document.documentElement.offsetWidth;
	    h = document.documentElement.offsetHeight;
	}
	else{
	    w = window.innerWidth;
	    h = window.innerHeight;
	}
	$("#container").css("height", h);
}

Basicamente, cadastra um listener pro evento resize da janela do browser…

A cada vez que isso ocorrer, chama a function resize, que calcula a área q ficou visível e redimensiona o div q tem id container

O width, é só colocar 100% na css q ja resolve.

#6

Paulohrl muito obrigado pela ajuda…

eu vi um video no youtube “http://www.youtube.com/watch?v=Acw53GhX3Tg&feature=related”

e o cara faz este esquema q t mostrei

eu to usando o asp.net

mas estou usando o css para fazer o designer do site.

cara e muito obrigado pela ajuda.

#7

Descobri o erro…

vc coloca no style do form o tamanho que vc quer…

tipo …

<form id="form1" runat="server" style="height:100%">
</form>

valeu…

#8