Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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">](http://www.w3.org/1999/xhtml%22)
<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"](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"](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>Carregando comentários...