problema com firefox

[crucifier 0]

ola galera,

to com um problema com o firefox...

fiz um menu em UL, LI...e quando acesso ele, ele quebra de linha...tem 1 item que vai para a linha de baixo, assim que eu atualizo, ele volta ao normal...

muito estranho isso

 

estou achando q é a tabela, pois ela está sem width...

mas...mas...se eu ponho width=100% ou não ponho a tabela, não consigo colocar centralizado...

 

aí vai o código css:

 

#menu {	background: #333333;	border: 1px solid #333333;	padding-top: 1px;	padding-bottom: 1px;}#menu ul{	margin:0;	padding:0;}#menu li{	padding-left:20.5px;	padding-right:20.5px;	list-style-type:none;	color:#FFFFFF;	font-size:11px;	font-weight:bold;	float:left;	padding-top:15px;	padding-bottom:15px;	cursor:pointer;}

e o código HTML está ai:

 

<div id="menu">	<table border="0" cellpadding="0" cellspacing="0" align="center">	  <tr>		<td><ul>			<li><a href="x.php?p=membros">MEMBROS</a></li>			<li><a href="x.php?p=cursos">CURSOS</a></li>			<li><a href="x.php?p=preselecao">PRÉ-SELEÇÃO</a></li>			<li><a href="x.php?p=certificado">CERTIFICADO</a></li>			<li><a href="x.php?p=outros">OUTROS</a></li>		  </ul></td>	  </tr>	</table></div>

se alguem puder me ajudar...

agradeço

[]'s

[André do Vale 76]

tira tabela... utiliza o proprio div... no css do body, poe text-align:center... ve aí... (ps.: sou novato nisso, mas ja peguei mais ou menos isso hehe)

[crucifier 0]

hum não deu certo kra=\

[André do Vale 76]

posta um link aí completo... é até uma boa pra eu poder estudar hehe ^^"

[crucifier 0]

hum ta local aki kra..o código é akilo ali mesmo krae tipopõe num documento akilo pra voce versó na primeira vez q acessa q da o errodaí se vai navegando e da certinhodaí se voce fecha o firefox e retorna na página da errado...

[RoXbY 3]

brother, se você estiver utilizando a tabela apenas pra centralizar, faça o seguinte...

 

substitua a tabela por:

<div style="whidth:500px; marging:0 auto;">conteudo</div>

 

é a mesma coisa que mandar centralizar a tabela, neste caso, no lugar do conteúdo você adiciona as divs do menu, etc e tal... lembre-se de definir o tamanho da whidth..

 

posta ae se deu certo..

 

abraços

 

================================== editado ========================================

 

tenta alterar só o css para:

#menu {	background: #333;	border: 1px solid #333;	padding:1px 0px;	whidth: 350px;	margin:0 auto;}

[Giovani 104]

Existem vários posts sobre menu aqui, faça uma busca no fórum.[]'s

[crucifier 0]

ae galera consegui

 

tirei o float:left e coloquei display:inline....daí adicionei uns padding no menu pra ficar ajustado com o hover, e deu certo...

aí vai o css q eu alterei:

 

#menu {	background: #333333;	border: 1px solid #333333;	padding-top: 1px;	padding-bottom: 1px;}#menu ul,#menu #submenu ul {	margin:0;	padding:0;	margin:0 auto;	width:700px;	padding-top:7px;	padding-bottom:15px;}#menu li,#menu #submenu li {	padding-left:20.5px;	padding-right:20.5px;	list-style-type:none;	color:#FFFFFF;	font-size:11px;	font-weight:bold;	/*float:left;*/	display:inline;	padding-top:15px;	padding-bottom:15px;	cursor:pointer;}

falow galera, valew a ajuda...

[Guilherme Rambo 4]

o FF tem um problema com float, eh um bug mesmo, as vezes ele joga pra baixo[]'s