Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

nettotma14

com layout css

Por , em Desenvolvimento frontend

Recommended Posts

nettotma14    0

nettotma14
Postado

fiz a seguinte página:

 

<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>TESTE</title><style>div {	background-color:#0066CC;	}#site {	background-color:#FFFFFF;	width:776px;	}#topo {	height:50px;	margin-bottom:5px;	}#menu {	width:150px;	float:left;	margin-right:5px;	}#conteudo {	width:621px;	float:left;	}#rodape {	clear:both;	background-color:#0099CC;	height:30px;	margin-top:5px;	}</style></head><body><div id="site"><div id="topo">topo</div><div id="menu">menu</div><div id="conteudo">conteudo</div><div id="rodape">rodape</div></div></body></html>
Só que a margem de cima do rodapé que declarei não aparece:

 

#rodape {

clear:both;

background-color:#0099CC;

height:30px;

margin-top:5px;

}

 

 

Esse é um problema quew enfrento durante muito tempo.

Alguém sabe uma maneira de corrigir isso?

 

Única maneira que sei é usar:

 

#rodape {

clear:both;

background-color:#0099CC;

height:30px;

border-top:5px solid #fff;

}

 

 

Só que não acho uma saída semanticamente correta.

Alguem sabe a maneira certa de resolver isso?

 

Obrigado desde já.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Olá, não entendi absolutamente nada. Qual é o seu problema? Tem um link aí?[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

nettotma14    0

nettotma14
Postado

Copie o codigo e cole no bloco de notas salva a pagina e abre no firefox... a div "rodape" nao pega a propriedade: margin-top:5px;;)só isso..queria que aparecesse..só consegui colocando borda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Crie uma div que englobe #menu e #conteudo, e coloque nessa div display:table http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Everton Vilela    1

Everton Vilela
Postado

Não querendo ser chato....

mais como você resolveu isso que eu tentei não consegui

 

esse englobar que você falou seria

colocar

 

#display {  display:table;}<div id="display"><div id="menu">menu</div><div id="conteudo">conteudo</div></div>

eu entendi mudar assim,.....

seria isso ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Sim, mas você naum tinha resolvido jah o problema? <_< []'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

nettotma14    0

nettotma14
Postado

Sim, mas você naum tinha resolvido jah o problema? <_< []'s

hgehe, foi outro usuario que respondeu aquilo.. olhe bem ali do lado o nome dele;)abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Everton Vilela    1

Everton Vilela
Postado

So achei interessante esse topico apesar de ser antigoooo ..mais interessa mto pra min q to começando com a msm linguagem.....fazer layout separadinhu achei interessante....

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito