pessoal, não costumo comentar por aqui, mas as vezes entro pra tirar algumas dúvidas e tal ... não sou profissional e nem tenho pretenção de ser, pelo contrário, conheço o básico.
to fazendo o meu site e to encontrando algumas dificuldades q pesquisando vou conseguindo resolver, mas dessa vez ta difícil e por isso peço a ajuda de vcs.
No IE7 e no Firefox os itens de menu ficam como quero, ou eja, um ao lado do outro já no IE6 fica um em baixo do outro ... quem pode me ajudar a resolver este problema?
CSS
[codebox]@charset "utf-8";
/* CSS Document */
body {
margin:0 auto;
padding:0;
background:#EFEFEF url(img/bg.gif) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}
p.center {
text-align:center;
}
#tudo
{
margin:0 auto;
width:760px;
height:600px;
left:0px;
top:0px;
text-align:left;
}
#logo
{
width:250px;
height:44px;
padding-left:5px;
padding-top:63px;
}
#menu
{
position:absolute;
width:610px;
height:20px;
font: bold 12px verdana;
color:#999999;
letter-spacing:0.06cm;
line-height:0px; /* posicionamento do menu no Firefox */
*line-height:200%; /* posicionamento do menu no internet Explorer */
padding-left:5px;
top:160px;
left:220px;
*left:210px;
}
#silueta
{
position:relative;
width:150px;
height:580px;
left:610px;
top:-108px;
}
#conteudo
{
position:absolute;
top:211px;
width:610px;
height:369px;
}
#rodape
{
position:absolute;
left:0px;
top:580px;
width:100%;
height:20px;
background:#FFFFFF url(img/bg_rodape.gif) repeat-x;
font-size:10px;
line-height:10%; /* posicionamento do texto no Firefox */
*line-height:200%; /* posicionamento do texto no internet Explorer */
}
ul
{
list-style:none;
}
ul li
{
position:relative;
float:left;
}
li ul
{
display:none;
}
ul li a
{
display:block;
text-decoration:none;
padding:5px;
}
li:hover ul, li.over ul
{
display:block;
}
li:hover ul
{
display:block;
}
a:link
{
color:#999999;
}
a:visited
{
color:#999999;
text-decoration:none;
}
a:hover
{
color:#C1D119;
}
a:active
{
color:#C1D119;
}
[/codebox]
HTML
[codebox]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>● WAGNERKOX | fotografia ●</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="wagnerkox.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="tudo">
<div id="logo">
<img src="img/logo_definitivo.gif" />
</div>
<div id="silueta">
<img src="img/eu_silueta.gif" />
</div>
<div id="menu">
<ul>
<li><a href="index.html">HOME |</a></li>
<li><a href="perfil.html">PERFIL |</a></li>
<li><a href="portfolio.html">PORTFÓLIO |</a></li>
<li><a href="contato.html">CONTATO</a></li>
</ul>
</div>
<div id="conteudo">
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macr...vie,swf/inicial' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macr...rsion=9,0,28,0" width="500" height="334">
<param name="movie" value="swf/inicial.swf" />
<param name="quality" value="high" />
<embed src="swf/inicial.swf" quality="high" pluginspage="http://www.adobe.com...ShockwaveFlash" type="application/x-shockwave-flash" width="500" height="334"></embed>
</object></noscript>
</p>
</div>
<div id="rodape">
<p class="center">Todos os arquivos e fotos deste site estão protegidos pelas Leis de Copyright © 2008. Todos os direitos estão reservados a WagnerKox.</p>
</div>
</div>
</body>
</html>
[/codebox]

No Ie7 E Firefox Funciona Já No Ie6
Started By TATÃO, 30/09/2008, 12:55
3 replies to this topic
#1
Posted 30/09/2008, 12:55
#2
Posted 30/09/2008, 14:46
tenta dar uma largura para o li amigo, pois o float deve estar setando o li como display block.
#3
Posted 02/10/2008, 06:59
Édipo, onde exatamente eu deveria colocar o "width" tentei em algumas posições e não funcionou ... vc poderia dar mais essa ajuda?tenta dar uma largura para o li amigo, pois o float deve estar setando o li como display block.
#4
Posted 02/10/2008, 22:03
Amigo, hoje testei o codigo no IE6 e esta funcionando, vc não teria uma versão online para eu dar uma avaliada.
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)