Tentando montar layout...

[cassiano óliver 1]

Algumas coisinhas no layout que fiz não estou conseguindo ajustar pra que fique igual ao layout que desenhei. Ta havendo diferenças no IE e FF...

 

layout:

 

AQUI O LAYOUT COMO DEVE FICAR

 

 

SITE:

AQUI O LAYOUT QUE ESTÁ NO AR

 

 

Vou postar o CSS onde realmente não estou conseguindo fazer, que é no TOPO e no RODAPÉ...

 

CSS:

...#site {	background-color: #FFFFFF;	margin: 0;	margin-top: 3px;	padding: 0;	width: 770px;	position: absolute;	left: 50%;	margin-left: -385px;}#topo {	margin: 0;	width: 770px;	height: 118px;	background: url(imagens/fundo_topo_2_2.jpg);	border: 0;	border-bottom: #9D4F00 solid 4px;}#simbolo {	margin-left: 5px;	margin-top: 4px;	width: 100px;	height: 100px;	float: left;}#logo {	border: 0;	margin-top: 15px;	margin-left: 20px;	width: 196px;	height: 40px;}#logo h3 {	margin: 0;	margin-left: 19px;	margin-top: 3px;	width: 380px;	font-size: 16px;	color: #663300;}#SubTopo {	margin: 0;	width: 770px;	height: 160px;	background: url(imagens/fundo_topo_2_4.jpg);	border: 0;	border-bottom: #9D4F00 solid 2px;}#SubTopo h1 {	margin-left: 280px;	margin-top: 42px;	padding-right: 10px;	font-family: "Trebuchet MS", Arial;	size: 28px;	color: #CC6600;	text-align: center;}#menu {	width: 770px;	height: 40px;	border-bottom: #9D4F00 solid 4px;}#rodape {	width: 770px;	height: 40px;	background: url(imagens/bg_rodape.jpg);	clear: both;}#TxtRodape {	margin-left: 10px;	margin-top: 11px;	width: 390px;	float: left;}#MenuRodape {	margin-top: 13px;	width: 340px;	float: right;	color: #330000;	font-size: 10px;	text-align: center;}#cd {	color: #660000;	font-size: 14px;	text-align: right;	margin-right: 2px;}...

espero que possam me ajudar...

 

abraços!

[LeonardoBehnck 0]

Não seria mais facil aumentar a imagem de fundo até que se encaixe linhas com linhas?

Já que o topo tem altura fixa http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[cassiano óliver 1]

Não seria mais facil aumentar a imagem de fundo até que se encaixe linhas com linhas?Já que o topo tem altura fixa

nao entendi...você visualizou no Firefox? E nele que está dando problema...(topo e rodapé)no IE6 ta dando errado no rodapé tbm...apenas no IE7 é que está 100%!

[Leonardo P 0]

não tenho certeza, mas acho que o problema tá nessa gambiarra que você fez pra centralizar o site

position: absolute;left: 50%;margin-left: -385px;

tenta mudar isso e usar posicionamento relativo, e já que você tá usando menu em flash, não precisa usar imagem de fundo pra ele.

[LeonardoBehnck 0]

Não seria mais facil aumentar a imagem de fundo até que se encaixe linhas com linhas?Já que o topo tem altura fixa

nao entendi...você visualizou no Firefox? E nele que está dando problema...(topo e rodapé)no IE6 ta dando errado no rodapé tbm...apenas no IE7 é que está 100%!

Eu sei...Retire as gambiarras e aumente a imagem do fundo té que ela se encaixe com as linhas, entendeu agora?Abre a imagem num editor e no fundo aplique uma parte branca, em cima para ela ficar grande o suficiente para chegar e se encontrar com o resto do menu...

[cassiano óliver 1]

Solucionei...num era nd disso nao...no topo, apaguei tudo e refiz o código e ia testando nos browsers, aí deu certim...pequei na 1ª vez pq fiz e só visualizei no IE.no rodapé tava faltando um clear: both;ta tudo ok agora!

não tenho certeza, mas acho que o problema tá nessa gambiarra que você fez pra centralizar o site

position: absolute;left: 50%;margin-left: -385px;

Se é gambiarra nao sei hahhaachei num tutorial em um blog na net...vlw aí!abraço!

[inforsis 1]

/*cara..acabei de acessar o site com o IE 7.0 e com o FF 2.0.0.4, com o IE apareceu certinho, já com o FF não, esta com um problema que suponho que o inicial que te fez abrir o topico... :mellow: dá uma conferida melhor...qualquer coisa passa ai pra testar novamente..vlw..até mais... */

[cassiano óliver 1]

pessoal, to ficando doido já...

localmente testei as paginas nos navegadores IE7, IE6 e FF2.0

 

IE7: Funcionou perfeitamente

 

IE6: Contém apenas um erro de espaçamento no menu...

 

FF2.0: Funcionou perfeitamente...

 

Agora o que ta pegando é o site na Web...

VEJAM AQUI O SITE

 

o Topo e o Menu em todos esses navegadores ta aparecendo com "defeito"...

 

o q que será q ta errado?? Funciona de uma forma localmente, e de outra forma na web...

o link pra ver os CSS ta aki:

 

os arquivos são: topo.css, conteudo.css, direito.css e rodape.css

o restante ta OK.

VEJAM AQUI O CSS

 

:angry: :angry: :angry: :angry: :angry: :angry: :angry: :angry: :angry: :angry:

[cassiano óliver 1]

nenhuma idéia? http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

só ta faltando isso pra publicar o site...

[netShot 1]

uma dica, primeiramente sempre "zere" as margens e espacamentos padroes :

 

* {	margin			: 0; 	padding			: 0; 	list-style		: none; 	text-decoration	: none; 	font-style		: normal;	vertical-align	: middle;}img {	border			: none;}