2 replies to this topic

[Morse]

Boa tarde..

Pesquisei e não encontrei solução para meu problema..
Por isso estou aqui pedindo ajuda..

http://www.mexx.com.br/transportes

esse site aberto no firefox, ele corresponde ao que eu quero, já no ie sai todo bagunçado.

o que faço para consertar??

o codigo css está aqui: http://www.mexx.com....ortes/style.css


Obrigado..

Moacir

[Guilherme Texa]

Moacir, desculpe mas eu não vi nada de errado abrindo no IE 8.0
pode ser que no IE 7.0 ou anterior dê problema sim...

Inclusive vou aproveitar seu post para expor um problema q estou tendo...

meu caso é parecido com o seu, porém como eu só uso o IE, não gosto do Firefox eu desenvolvi o site baseado no IE, quando fui ver no Firefox ta td fudido... rsrs

e até msm no IE 7.0 ou 6.0 está dando pau tbm.

segue o link para visualização

http://www.klinshop.com.br/novo

vou postar os arquivos para visualização... eu sei que isso tem a ver com "position: relative e absolute" porém não consigo entender isso, to quebrando a cabeça pra entender qnd usar um e qnd usar outro, mas do jeito q está no IE 8.0 funciona e no Firefox não.


Se alguem puder ajudar...

Attached Files

•  klin_shop.css   11.23KB   0 downloads

Edição feita por: Guilherme Texa, 07/05/2010, 10:47.

[Div]

Guilherme, qual o problema do seu site no firefox? Aqui no meu abre normal.


Morse,
Cara... Teu css ta uma zona. Uma hora vc usa porcentagem, outra hora pixel e você ta fazendo isso com as fontes também, uma hora usa em e outra hora usa px. Faz o CSS padronizado e não coloca tudo em uma página só, dividi... É só uma dica.

Bom... eu dei uma olhada no código fonte e achei q você criou umas divs desnecessárias. Eu faria assim:

<div id="head">
<div id="logo">
<a href="index.html" title="Página Inicial">
<img src="images/logo.jpg" alt="Logo da Empresa" />
</a>
</div>
<div id="menu">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">frota</a></li>
<li><a href="#">serviços</a></li>
<li><a href="#">rastreamento</a></li>
<li><a href="#">cotação</a></li>
<li><a href="#">contato</a></li>
</ul>
</div>
</div>

#head{
width: tamanho que ocupa aquela parte da logo e do menu;
height: " ";
background-image: url("images/seufundo.jpg");
}
#logo{
float: left;
width: Tamanho que a logo ocupa;
height: tamanho que a logo ocupa;
}
#menu{
float: left;
width: ....;
height: ...;
}

Ta ai, espero ter ajudado