Ir para conteúdo

POWERED BY:

Arquivado

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

Bruck

problemas com float!

Recommended Posts

Estou fazendo um site inicialmente composto, na pagina principal, por duas colunas, uma o menu e outra o texto da pagina, usando alinhamento com float left e right, o css do menu e do alinhamento são os segintes:

 

/* CSS do menu */#menu{	margin-left:4px;	margin-right:15px;	margin-top:20px;	width:150px;}.titulo_menu{	text-align:center;	background-color:#c90000;	color:#FFFFFF;	padding-left:0px;	padding-bottom:4px;	padding-top:4px;}#menu li a{	display:block;	list-style-type:none;	background-color:#880101;	padding: 3px 0px;	border-left-color:#ff0000;	border-left-style:solid;	border-left-width:7px;	text-decoration:none;	color:#FFFFFF;	padding-left:8px;	border-bottom-color:#000000;	border-bottom-width:1px;	border-bottom-style:solid;	width:135px;	height:20px;}#menu ul{	list-style-type:none;	padding:0;	margin:0;}#menu li a:hover{	background-color:#a10000;	font-weight:bold;}
e o css para o alinhamento:

 

/* CSS Corpo central */#parte_esquerda{	float:left;	margin-left:4px;	margin-top:10px;	margin-right:4px;}#parte_direita{	float:right;	margin-left:5%;	margin-top:30px;	margin-right:4%;	background:#FFFFFF;	padding-left:10px;	padding-right:10px;	padding-top:5px;	text-align:justify;	width:70%;	height:240px;}#parte_direita a{	color:#0033CC;	text-decoration:none;	font-weight:bold;}#barra_central{	text-align:center;	width:75%;	margin-right:5%;	height:6px;	background:#FFFFFF;	padding-top:20px;}
O menu é composto por uma lista ul com links em cada li, no IE fica certinho, ja no firefox os links não aparecem como links, pode paracer estranho mais, não dá pra selecionar nenhum texto e na hora q você passa a seta do mouse em cima de algum link e q era pra mudar o cursor indicando a presença do link, num aparece nada, alguem pode me ajudar a resolver esse problema???

Compartilhar este post


Link para o post
Compartilhar em outros sites

Estou fazendo um site inicialmente composto, na pagina principal, por duas colunas, uma o menu e outra o texto da pagina, usando alinhamento com float left e right, o css do menu e do alinhamento são os segintes:

 

/* CSS do menu */#menu{	margin-left:4px;	margin-right:15px;	margin-top:20px;	width:150px;}.titulo_menu{	text-align:center;	background-color:#c90000;	color:#FFFFFF;	padding-left:0px;	padding-bottom:4px;	padding-top:4px;}#menu li a{	display:block;	list-style-type:none;	background-color:#880101;	padding: 3px 0px;	border-left-color:#ff0000;	border-left-style:solid;	border-left-width:7px;	text-decoration:none;	color:#FFFFFF;	padding-left:8px;	border-bottom-color:#000000;	border-bottom-width:1px;	border-bottom-style:solid;	width:135px;	height:20px;}#menu ul{	list-style-type:none;	padding:0;	margin:0;}#menu li a:hover{	background-color:#a10000;	font-weight:bold;}
e o css para o alinhamento:

 

/* CSS Corpo central */#parte_esquerda{	float:left;	margin-left:4px;	margin-top:10px;	margin-right:4px;}#parte_direita{	float:right;	margin-left:5%;	margin-top:30px;	margin-right:4%;	background:#FFFFFF;	padding-left:10px;	padding-right:10px;	padding-top:5px;	text-align:justify;	width:70%;	height:240px;}#parte_direita a{	color:#0033CC;	text-decoration:none;	font-weight:bold;}#barra_central{	text-align:center;	width:75%;	margin-right:5%;	height:6px;	background:#FFFFFF;	padding-top:20px;}
O menu é composto por uma lista ul com links em cada li, no IE fica certinho, ja no firefox os links não aparecem como links, pode paracer estranho mais, não dá pra selecionar nenhum texto e na hora q você passa a seta do mouse em cima de algum link e q era pra mudar o cursor indicando a presença do link, num aparece nada, alguem pode me ajudar a resolver esse problema???
Poste seu html também, e na verdade no IE está funcionando porque ele não segue os standarts, se no FF não funciona é porque tem algo errado com seu códgio, talvez não tenha espaço pro as partes que usam float se encaixarem.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Códigos somente em último caso.Postem links que fica mais fácil.

Poste seu html também...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.