Ir para conteúdo

Arquivado

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

Alexshinobi

Conflito entre IE6 e Mozila FireFox

Por , em Desenvolvimento frontend

Recommended Posts

Alexshinobi    0

Alexshinobi
Postado

Pessoal Boa noite!

 

Bom o motivo que venho desta vez é o seguinte:

 

Refiz o layout (agora com div), e no IE 6 funcionou beleza, mas no FF as DIV's ficaram desarrumadas, fora do lugar.

 

O que posso fazer?

 

O código é este!

 

 

<!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>Tabless - New Model Site</title>

<style type="text/css">

* {

list-style:none;

}

body {

background: #ccc url(_IMG/backg_page.gif) top no-repeat;

padding: 0;

margin: 0;

}

#moldura {

background: #fff url(_IMG/backg_moldura.gif) repeat top;

margin: 0 auto;

width: 730px;

height: 100%;

}

#topo {

width: 652px;

height: 92px;

margin-top: 0px;

z-index: 1;

}

#menu {

background: url(_IMG/menu_comac.jpg) no-repeat;

width: 439px;

height: 24px;

margin-top: -506px;

margin-left: 252px;

border: 0px;

z-index: 2;

text-align: center;

}

#menu ul {

padding:0px;

margin:0px;

float: left;

width: 100%;

list-style:none;

}

#menu ul li {

display: inline;

}

#menu ul li a {

padding: 2px 12px;

float:left;

/* visual do link */

color: #3e136f;

font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;

font-size: 12px;

text-decoration: none;

font-weight: bold;

border-bottom: 2px solid #3e136f;

}

#menu ul li a:hover {

color: #0099FF;

border-bottom: 2px solid #EA0000;

}

#menu2 {

padding:0px;

margin:0px;

float: none;

width: 115px;

list-style: none;

text-decoration: none;

width: 115px;

height: 24px;

margin-top: -24px;

margin-left: 324px;

border: 0px;

z-index: 4;

}

#menu2 a {

padding: 2px 18px;

float: right;

/* visual do link */

color: #fff;

font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;

font-size: 12px;

text-decoration: none;

font-weight: bold;

width: 12px;

}

#menu2 a:hover {

color: #CC0000;

border-bottom: none;

}

#search {

background: #4e58af url(_IMG/busca_comac.jpg) no-repeat;

width: 210px;

height: 308px;

margin-top: 2px;

margin-left: 39px;

z-index: 3;

}

#vazio {

background: #4e58af;

width: 210px;

height: 196px;

margin-top: 2px;

margin-left: 39px;

z-index: 3;

}

#Flash {

width: 652px;

height: 92px;

margin-top: 0px;

margin-left: 39px;

z-index:10000;

}

</style>

</head>

 

<body>

<div id="moldura">

<div id="topo">

<div id="Flash">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="652" height="96">

<param name="movie" value="_swf/topo_comac.swf" />

<param name="quality" value="high" />

<param name="wmode" value="transparent" />

<embed src="_swf/topo_comac.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="652" height="96" wmode="transparent" ></embed>

</object>

</div>

</div>

<!-- #topo em swf -->

 

 

<div id="search">

</div>

<!-- #search - jump menu para efetuar as buscas -->

 

<div id="vazio">

</div>

<!-- #vazio - espaço vazio abaixo da área de buscas -->

 

<div id="menu">

<ul>

<li><a href="">HOME</a></li>

<li><a href="">EMPRESA</a></li>

<li><a href="">PARCEIROS</a></li>

<li><a href="">FALE CONOSCO</a></li>

</ul>

 

<div id="menu2"><a href="">ADMIN</a>

</div>

 

</div>

<!-- #menu - menu principal -->

 

 

</div>

<!-- #moldura -->

 

 

 

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rodrigo Souza    0

Rodrigo Souza
Postado

Sabe o que eu tenho feito...

Eu testo primeiro no firefox e opera... e depois no IE...

Depois que está certinho nos dois primeiros, eu vou mudando o código aonde está errado, adicionando uma linha abaixo.. tipo assim...

 

body {

padding: 10px 0 10px 0;

_padding: 5px 0 5px 0; Eu coloco esse underline antes e funciona somente no IE

}

 

Num sei se é certo... mas tá dando pra mim...hehehe

 

Abraços...

 

Rodrigo

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Sabe o que eu tenho feito...

Eu testo primeiro no firefox e opera... e depois no IE...

Depois que está certinho nos dois primeiros, eu vou mudando o código aonde está errado, adicionando uma linha abaixo.. tipo assim...

 

body {

padding: 10px 0 10px 0;

_padding: 5px 0 5px 0; Eu coloco esse underline antes e funciona somente no IE

}

 

Num sei se é certo... mas tá dando pra mim...hehehe

 

Abraços...

 

Rodrigo

Esse naum eh o jeito mais adequado de se desenvolver http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Eu me acostumei a não usar hacks, das minhas paginas nos padrões nenhuma tem hacks http://forum.imasters.com.br/public/style_emoticons/default/shifty.gif

 

flw

Compartilhar este post

Link para o post
Compartilhar em outros sites

RoXbY    3

RoXbY
Postado

como você faz isso? com um css próprio pra ie?abs

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