Bordas Na Tag Body

[carlosware 0]

eu fui enventar de criar uma borda em volta da minha pagina para resoluções 1024px

na tag body,assim:

 

body {	background: #FFFFFF;	color: #000000;	margin: 0;	margin:0 auto;	font: 11px "verdana", Helvetica, Sans-Serif;	width: 781px;	border: 1px solid #003366;

mas vejam o que acontece:

 

 

 

a borda fica por cima do conteudo,queria que ela ficasse normal,enquadrada,até o rodapé...

[Guilherme Rambo 4]

Isso acontece por causa dos elementos com float, pq eles não "empurram" os outros elementos, sugiro que você ponha uma div que englobe todo o site com as dimensões definidas, ou coloca um height no seu body http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[carlosware 0]

tentei,mas não deu certo...você poderia me ajudar,dando um exemplo de como ficaria essa "DIV que engloba o site"?

[Guilherme Rambo 4]

Certo, no xhtml:

<div id="geral"><!-- Todo o site aqui dentro --></div>

E no CSS:

div#geral {width:760px; /* isso você pode alterar de acordo com a largura do site */height:1000px; /* a altura deve ser maior q a altura dos elementos q taum dentro da div */border:1px solid #EEE; /* borda */margin:0 auto; /* centraliza */padding:3px; /* espaçamento interno */}

Eh basicamente isso, aeh a altura dessa div tem que ser a altura do site, aeh depende dos elementos que tiver dentro http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[carlosware 0]

entendi, funcionou...mas...meu site é site de artigos, as veses os artigos são tão longos que passe de 1000 px de altura, e quando passam a borda fica em cima deles...se deixar height:auto; serve?--outra coisa:Qual a largura adequada para um site na resolução 800x600,para não aparecer aqueles barras de rolagem?

[Guilherme Rambo 4]

você pode usar um overflow na div em que ficará o texto do artigo, assim ela irá ter barra de rolagem como se fosse um iframe:

div#artigo {overflow:auto;}

Com height auto pode ateh ser, mas se tiver algum elemento com float dentro da div pode dar problema;

A largura que sempre uso pra 800x600 eh 760px, mas ela pode ser de até 779px, eu uso uma menor pq acho mais confortável, isso vai de cada um http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[carlosware 0]

ok, obrigado..e vou usar as dicas que você me indicou ai!

[Douglas d'Aquino 0]

nem precisa.. pode deixar a altura do negócio sem valor nenhum, assim o site fica flexivel verticalmente

 

tudo que você tem que fazer é botar o seguinte código antes do fechamento da div geral ou do body (dependendo de como você fez)

<br clear="all" />

abraço

[carlosware 0]

kra vlw,agora funcionou!

[the_flash 0]

Dê uma olhada nisso:

http://www.positioniseverything.net/easyclearing.html