Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Ie E Ff

n0visk

Perguntado por n0visk,

 Share

Pergunta

n0visk

n0visk

Postado
Postado

Ae galera.

Estava desenvolvendo um site aqui, enquanto ia fazendo, ia vendo como estava ficando no IE.

estava tudo ok.

Quando fui ver no FF ele estava horrivel, não sei porque. já revi o código todo, não sei oque pode ser. =/

Olhem http://201.52.174.240/site/teste.html

no IE perfeito, no FF, tudo estranho =/

Se alguém souber, eu agradeço.]

Para ver o código coloque em exibir codigo fonte lá, esta tudo em um só codigo, CSS e o html.

Vlw galera.

falou

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Geleiaskt

Geleiaskt

Postado
Postado (editado)

Cara, fiz o layout pra você. Tive um tempinho hoje e resolví te ajudar.

Não peguei suas imagens, até porque hoje pela manhã seu site está fora do ar, daí eu fiz umas imagens e organizei o site de acordo com o que eu lembrei quando ví o site ontem.

Não sei se está exatamente como o seu, até porque não tenho memória fotográfica, auhhuahua... Mas acho que vai te ajudar bastante.

Defini as divs com fundos aleatórios e diferentes para que você possa localizar fácil cada uma das divs e modificar do jeito que você quiser. Abaixo está o código e se você quiser também coloquei um link para baixar os arquivos com as imagens que utilizei.

No link abaixo você pode ver como ficou:

http://www.jamersonramalho.com/scriptbrasil

[index.html]

<!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=utf-8" />

<title>www.agencia4design.com</title>

<link href="css.css" type="text/css" rel="stylesheet" media="all" />

</head>

<body>

<div id="corpo-site">

<div id="topo">

<h1>Teste</h1>

</div>

<div id="banner">

</div>

<div id="menu">

MENU

</div>

<div id="conteudo-site">

Conteúdo do seu site aqui

</div>

<div id="rodape">

Rodapé do seu site aqui

</div>

</div>

</body>

</html>

[css.css]

@charset "utf-8";

/*******************************************/

/* Desenvolvido por Jamerson F. I. Ramalho */

/* www.agencia4design.com */

/*******************************************/

/* Estilo geral do site */

html{ background:url(bg.jpg) repeat-x top left; margin:0; padding:0;}

body{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; text-decoration:none; color:#000000;

text-align:center; /* hack para centralizar o texto no o IE */}

/* Montagem do layout */

#corpo-site{ width:560px; margin:0 auto 0 auto; padding:0; text-align:left; clear:both;}

#topo{ width:560px; height:39px; margin:0 auto 0 auto; text-align:right; clear:both; background:url(linhatopo.jpg) repeat-x top right; }

#banner{ width:560px; height:250px; margin:0 auto 0 auto; text-align:center; clear:both; background:url(banner.jpg) no-repeat;}

#menu{ width:550px; height:auto; margin:0 auto 0 auto; text-align:center; color:#FFFFFF; clear:both; background:#000099; padding: 5px 5px 5px 5px;}

#conteudo-site{ width:550px; height:auto; margin:0 auto 0 auto; text-align:left; clear:both; background:#009966; padding: 5px 5px 5px 5px;}

#rodape{ width:550px; height:70px; margin:0 auto 0 auto; text-align:left; clear:both; background:#996600; padding: 5px 5px 5px 5px;}

/* Títulos e textos */

h1{ padding-top:4px; padding-right:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; margin:0; color:#CC0066;}

[Arquivos e Imagens utilizadas para download]

Espero que tenha te ajudado. Um dos motivos ao qual me fez resolver fazer, é porque sei que muita gente aqui tem o mesmo problema que você. Todos já tivemos este problema um dia! hehehe.. :lol:

Abraço cara, e boa sorte aí no trampo! Qualquer dúvida é só falar. ;)

Editado por Geleiaskt
Link para o comentário
Compartilhar em outros sites
  • 0
n0visk

n0visk

Postado
  • Autor
Postado

Po vlw ae galera.

Geleiaskt, vlw ae pela atenção, obrigadão cara.

Peguei seu codigo ai e fui adaptando algumas coisas aqui, aproveitei e organizei o codigo.

Fico fora do ar aqui porque o pc tava off aqui ;p

se quiser ver ai como ficou http://201.52.174.240/site/teste.html

agora no FF ta tudo certo tb.

É incrivel como detalhes pequenos fazem diferenças entre os navegadores.]

Alias, o que faz esse clear:both;?

vlw mais uma fez!

Abraço!

Link para o comentário
Compartilhar em outros sites
  • 0
Geleiaskt

Geleiaskt

Postado
Postado
Po vlw ae galera.

Geleiaskt, vlw ae pela atenção, obrigadão cara.

Peguei seu codigo ai e fui adaptando algumas coisas aqui, aproveitei e organizei o codigo.

Fico fora do ar aqui porque o pc tava off aqui ;p

se quiser ver ai como ficou http://201.52.174.240/site/teste.html

agora no FF ta tudo certo tb.

É incrivel como detalhes pequenos fazem diferenças entre os navegadores.]

Alias, o que faz esse clear:both;?

vlw mais uma fez!

Abraço!

Falaí cara, beleza?

Eu ví o site. Agora ficou bem nos 2 navegadores.

O clear:both; define que não deve existir nada ao lado do elemento que recebe o valor, no caso a DIV. Aí os elementos que você adicionar após esta DIV vão ficando abaixo dela. Se você percebeu, nem é preciso usar a propriedade position no seu código. :lol:

Abraço cara. Qualquer coisa dá um tok! Flws! ;)

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...