Ir para conteúdo

POWERED BY:

Arquivado

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

dieef5

Div geral não acompanha o site

Por , em Desenvolvimento frontend

Recommended Posts

dieef5    0

dieef5
Postado

Olá galera,To fazendo uns testes aqui p/ me aperfeiçoar em css, mas esbarrei com um problema estranho, pelo menos p/ mim..hehehe... seguinte. Fiz uma Div geral q envolve todo o site, mas esse div soh ta acompanhado até o topo no Firefox e Opera, na parte do conteúdo naum acompanha. Somente no IE fica como eu quero, fiz um exemplo aqui simples p/ vcs verem.O código eh esse embaixo:

<!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>Untitled Document</title><style type="text/css">body { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#990000; text-align: center; }#geral { margin:0 auto; width:760px; text-align:left; border:#000 1px solid; background-color:#ffffff; }#topo { padding-top:10px; }#topo img { margin-left:10px; }#menu { margin-top:10px; height:30px; background-color:#FF9933; }#conteudo { margin:0 auto; padding-left:10px; padding-right:10px; text-align:left;}#inicio { margin:0 auto; padding:10px; width:380px; float:left; font-family:"trebuchet ms"; font-size:11px; font-color:#333333; background-color:#eeeeee; } #inicio h1 { font-family:"trebuchet ms"; font-size:20px; color:#ff0000; } #inicio p { text-align:justify; line-height:150%; } #lado { margin:0 auto; background-color:#CCCCCC; padding:10px; width:320px; float:right; font-family: "trebuchet ms"; font-size:11px; font-color: #333333; }</style></head><body><div id="geral"> <div id="topo"> <img src="img_01.jpg" width="740" height="100" /> <div id="menu">testando como fica estrutura</div> </div> <div id="conteudo"> <div id="inicio"> <h1>Testando</h1> <p>testando teste..123 testando testando teste..123 testandotestando teste..123 testandotestando teste..123 testandotestando teste..123 testandotestando teste..123 testandotestando teste..123 testandotestando teste..123 testandotestando teste..123 testandotestando teste..123 testandotestando teste..123 testandotestando teste..123 testandotestando teste..123 testando.</p> </div> <div id="lado">Content for id "lado" Goes Here</div> </div></div></body></html>

Com a declaração do documento em html 4 tb ta ocorrendo o mesmo problema (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">)Quem puder me dar uma ajuda p/ ver onde eu to errando ia me ajudar muito... :D flw ae

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

coloca assim:

 

#geral {

margin:0 auto;

width:760px;

text-align:left;

border:#000 1px solid;

background-color:#ffffff;

display: table;<--------------------------- aqui

}

 

 

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

de nada http://forum.imasters.com.br/public/style_emoticons/default/devil.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

dieef5    0

dieef5
Postado

Vlw ae Hunter_ http://forum.imasters.com.br/public/style_emoticons/default/joia.gif funcionou. Mas alguém poderia me explicar o pq disso acontecer já que uso um div geral p/ englobar todo o site em alguns projetos e nunca tinha acontecido isso, somente dessa vez.

 

vlw.

 

Não entedi a sua colocação pa_bruno, poderia ser mais claro por favor. :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

eh q jah respondi varias vezes essa parada dieef5... naum leve a mal naum, mas eh mto coisa igual no fórum, ae como moderador acabo ficando meio stressado com posts repetidos... malz ae http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

cara, isso acontece, pq você está utilizando um div com a propriedade float, com isso, o conteudo descarta seu tamanho, conteudo e naum vai acompanhando-o, somente com o conteúdo q está sem float... seria como se perdesse a propriedade block entende? e com o display table, ele respeita isso... considerando o float como uma célula...

 

akele abraço...

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

dieef5    0

dieef5
Postado

beleza mano, naum levei a mal naum... :D ...mas eh que naum tinha entendido, e umas das coisas q sempre uso eh a busca do fórum..hehe....to tirando a maioria das minhas dúvidas de tableless com ela, mas nese caso naum tinha achado nada que me explicasse corretamente sobre isso, talvez seja as palavras chaves q usei, mas beleza.E vlw pela explicação ae mano...foi muito útil.. :D

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