Ir para conteúdo

POWERED BY:

Arquivado

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

ealves

#DIV Container - pq esta dando esse erro ?

Por , em Desenvolvimento frontend

Recommended Posts

ealves    0

ealves
Postado

galera to fazendo a estrutura de uma pagina web e o que acontece é que a div container nao esta englobando toda a pagina.

o correto seria aparecer esta div como um grande quadrado englobando todas as outras divs e o que me aparece é apenas uma linha dessa div no topo da pagina.

 

no IE o resultado da pagina me aparece perfeito , MAS eu sei que o certo seria aparecer esta div englobando toda a estrutura qdo se visualiza no Dreamweaver....

 

#container {

position:relative;

margin:auto;

width:900px;

background-color:#FFFFFF;

text-align:left;

 

}

 

<body>

<div id = "container">

..

..

..

..

..

..

</div>(fechamento da div container)

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Amigo, tem algum link em que possámos visualizar melhor seu problema. Outra questão, no código você colocar o conteudo lá dentro? É que sem a propriedade altura exposta, o valor default é de auto, logo ele só aparecerá se você colocar conteudo.

 

Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

WillianAndrade    0

WillianAndrade
Postado

e ai man

 

você está centralizando a página da forma que o maujor explica?

 

text-align:center no BODY

e

text-algin:left no CONTEINER

 

?

 

 

faça apenas isso

 

#container {
  width:900px;
  margin:0 auto;
  background-color:#FFF;
}

se o problema dela não englobar o conteúdo persistir você faz isso:

 

#container {
  width:900px;
  margin:0 auto;
  background-color:#FFF;
	  display:table;
}

 

não exatamente o pq, mas funciona, é igual o problema do IE6 de margem duplicada, resolve-se com 'display:inline;' , nem eu, nem diego eis sabe

 

rsrsrs

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

ealves    0

ealves
Postado

sim esta centralizado da maneira que você citou ai acima

 

no container - text-align: left

no body - text-aling:center

 

nao sei pq nao esta englobando

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Verifique se as outras divs da estrutura estão setadas com position: absolute. Se sim, isso acontece mesmo, terá que deixar de utilizar essa propriedade ou "dar um jeitinho à brasileira" (não recomendado, lógico). Se não, verifique se sua estrutura é formada por colunas. Se sim, você deve ter uma última div com a propriedade clear: both.

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Foi como o Paulo disse... e só complementando, display:table; tem um bug no FF(então não use hehehe),

e dois exemplos do que o Paulo falou:

Aqui explica como Englobar: http://forum.imasters.com.br/index.php?showtopic=223799

Aqui fala sobre o efeito do CLEAR:BOTH; http://forum.imasters.com.br/index.php?showtopic=261803

 

falow abraço

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