Ir para conteúdo

POWERED BY:

Arquivado

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

bolacha_UER

layout css não funciona o FF<br />

Por , em Desenvolvimento frontend

Recommended Posts

bolacha_UER    0

bolacha_UER
Postado

Bom dia amigos do forum!!!

Caros estou aprendendo css...Comecei a desenvolver meu site e logo...erros...O site abre no IE mas não no FF!!!

Bom ja procurei bastante,preciso de uma luz...Me recomendaram utilizar table mas não sei como montar e nem se devo!!!

Preciso entregar até sexta...Meu DEUS... :( Socorro...É meu passaporte no trampo...

 

Code:

------------------------------------------------------------------------------

<html>
	<head>
		<title>Pagina texte</title>
			
			<style type= "text/css" media= "screen">
					
					body
					{
							margin: 0;
							padding: 0;
							font: 85% arial, hevetica, sans-serif;
							text-align: center;
							color: #505367;
							back-ground-color: blank;
							
					}

					#container{
								position: relative;
								margin: 0 auto;          /*A margem 1em deixa um espaço entre o topo da pagina e o topo do brownser*/
								width: 1000px;           /*Não esta sendo utilizado*/
								height: 108px;
								text-align: left;
								background-color:blank;
								border: 1px solid black;
							
								
							  }

				#header{
							position: relative;
							width:1000px;
							height: 108px;
							background: url("img_topo.jpg"); /*Esta sendo utilizado como cabeçalho*/
							border-bottom: 0px dotted #999;
							text-align: center;
							padding-top: 1px;
							
					    }

				#mainnav{
							margin: 0;
							padding: 0;
							position: relative;
							width: 1000px;
							height: 415px;
							background: url("img_corpo_rotativo.jpg");
							
					
					}

				#contents{
							position: relative;
							weigth: 1000px;
							height: 541px;
							background: url("img_principal.jpg");
						}

				#footer{
							position: relative;
							clear: both;
							weigth: 1000px;
							height: 179px;
							background: url("img_footer.jpg");
						}
															
															
															
														
							#menu ul{
										padding: 0px;  /*Faixa onde fica o menu*/
										margin: 0px;
										float: left;
										width: 1000px;
										background-color: #000000;
										background-image: url("img_primeira_face.gif");
										list-style: none;
									}
																	
							#menu ul li{
											display: inline;/*Este display faz com o menu fique na horizontal*/
										}
																		
							#menu ul li a{
															
										
																		
											padding: 10px 16px; /*1ºmedida alinhamento dos itens,2ºLargura do menu*/
											float: left;	
											/*Visual do link*/		
											background-color: red;
											background-image: url("img_primeira_face.gif");
							                color: #333;
							                text-decoration: none;
											color: #ffffff;
											border-bottom: 1px solid #000000;
										}   

                            			
							
							#menu ul li a:hover{
													
													
													/*Quando o mouse passa em cima do link o sublinhado ira aparecer*/
													background-color: #333;
													color: #6d6d6d;
													border-bottom: 1px solid #000000;
													background-image: url("img_segunda_face.GIF");
													text-decoration: underline;
													color: black;
												}
</style>
</head>
<body>
 
<div id="container">
	<div id="header"></div> 
	
	
	<div id="menu">
				
				<ul>
						<li><a href="F:\310809\layout\ultimo\empresa">HOME</a></li>
						<li><a href="#">EMPRESA</a></li>
						<li><a href="#">CAMPANHAS</a></li>
						<li><a href="#">LOJAS</a></li>
						<li><a href="#">PREMIOS</a></li>
						<li><a href="#">COMO CUIDAR</a></li>
						<li><a href="#">MARCAS</a></li>
						<li><a href="#">CONTATO</a></li>
						<li><a href="#">TRABALHE CONOSCO</a></li>
				</ul>
		</div>		
	
	<div id="mainnav"></div> 
	
	<div id="contents"><h1><h1/></div>
	<div id="footer"></div>
	
	
	
	
</div>

		
							
				
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

por favor coloca dentro do BB code

 

Explique melhor seu problema

 

tem um link para podermos visualizar?

se não, tire um print e poste a imagem aqui do que acontece nos dois navegadores

 

 

ja testou em outros navegadores e outra versões?

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

Ajude-nos a te ajudar: http://forum.imaster...o-seu-problema/

 

O que você sabe ?

O que precisa exatamente fazer ?

 

Tem o link ?

Pode postar um print da página com problema caso esteja em localhost ?

 

Seja especifico.

Compartilhar este post

Link para o post
Compartilhar em outros sites

bolacha_UER    0

bolacha_UER
Postado

code:

 

 

 

<html>
	<head>
		<title>Pagina texte</title>
			
			<style type= "text/css" media= "screen">
					
					body
					{
							margin: 0;
							padding: 0;
							font: 85% arial, hevetica, sans-serif;
							text-align: center;
							color: #505367;
							back-ground-color: blank;
							
					}

					#container{
								position: relative;
								margin: 0 auto;          /*A margem 1em deixa um espaço entre o topo da pagina e o topo do brownser*/
								width: 1000px;           /*Não esta sendo utilizado*/
								height: 108px;
								text-align: left;
								background-color:blank;
								border: 1px solid black;
							
								
							  }

				#header{
							position: relative;
							width:1000px;
							height: 108px;
							background: url("img_topo.jpg"); /*Esta sendo utilizado como cabeçalho*/
							border-bottom: 0px dotted #999;
							text-align: center;
							padding-top: 1px;
							
					    }

				#mainnav{
							margin: 0;
							padding: 0;
							position: relative;
							width: 1000px;
							height: 415px;
							background: url("img_corpo_rotativo.jpg");
							
					
					}

				#contents{
							position: relative;
							weigth: 1000px;
							height: 541px;
							background: url("img_principal.jpg");
						}

				#footer{
							position: relative;
							clear: both;
							weigth: 1000px;
							height: 179px;
							background: url("img_footer.jpg");
						}
															
															
															
														
							#menu ul{
										padding: 0px;  /*Faixa onde fica o menu*/
										margin: 0px;
										float: left;
										width: 1000px;
										background-color: #000000;
										background-image: url("img_primeira_face.gif");
										list-style: none;
									}
																	
							#menu ul li{
											display: inline;/*Este display faz com o menu fique na horizontal*/
										}
																		
							#menu ul li a{
															
										
																		
											padding: 10px 16px; /*1ºmedida alinhamento dos itens,2ºLargura do menu*/
											float: left;	
											/*Visual do link*/		
											background-color: red;
											background-image: url("img_primeira_face.gif");
							                color: #333;
							                text-decoration: none;
											color: #ffffff;
											border-bottom: 1px solid #000000;
										}   

                            			
							
							#menu ul li a:hover{
													
													
													/*Quando o mouse passa em cima do link o sublinhado ira aparecer*/
													background-color: #333;
													color: #6d6d6d;
													border-bottom: 1px solid #000000;
													background-image: url("img_segunda_face.GIF");
													text-decoration: underline;
													color: black;
												}
</style>
</head>
<body>
 
<div id="container">
	<div id="header"></div> 
	
	
	<div id="menu">
				
				<ul>
						<li><a href="F:\310809\layout\ultimo\empresa">HOME</a></li>
						<li><a href="#">EMPRESA</a></li>
						<li><a href="#">CAMPANHAS</a></li>
						<li><a href="#">LOJAS</a></li>
						<li><a href="#">PREMIOS</a></li>
						<li><a href="#">COMO CUIDAR</a></li>
						<li><a href="#">MARCAS</a></li>
						<li><a href="#">CONTATO</a></li>
						<li><a href="#">TRABALHE CONOSCO</a></li>
				</ul>
		</div>		
	
	<div id="mainnav"></div> 
	
	<div id="contents"><h1><h1/></div>
	<div id="footer"></div>
	
	

							
				
</body>
</html>

 

link deimage:

 

http://www.flickr.com/photos/42163854@N08/?saved=1

 

Deculpem a demora

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

amigo a tag code se usa assim:

 

[code.]

>>>código aqui <<<

[/code.]

 

 

PS: sem os pontos

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

O que você realmente quer fazer??

 

É montar só a página inicial ou terá navegação???

 

E tem como você postar screen de como ta no Firefox e no IE... pois aqui no trampo só to com Firefox pois to usando Linux, ai fica dificil pra eu ver o que está quebrando no FF.

 

----------

 

DESCULPA fui ver o link das screens agora.

 

Tem algum endereço com a página toda no ar??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Se tiver como joga em um endereço de teste pra eu fazer uns testes aqui no firefox com as imagens do seu site e tudo mais, pra ter certeza que ta certinho.

Compartilhar este post

Link para o post
Compartilhar em outros sites

bolacha_UER    0

bolacha_UER
Postado

Galera novidades estava dando uma olhada em alguns sites,e sabem ocabeçalho de validação de css inseri em meu código...

Dai então o menu sumio também no IE...

Acho que posso estar tendo problemas de validação...não sei pois meu site ñ esta no ar...

qualquer nova ajudem-me...

Tanks!!! http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http-~~-//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http-~~-//www.w3.org/1999/xhtml" lang="pt-br">

Compartilhar este post

Link para o post
Compartilhar em outros sites

bolacha_UER    0

bolacha_UER
Postado

Bom dia caros amigos...

Bom não consegui de jeito nenhum funcionar a pagina no FF...

Então tive que apelar com tabelas,foi a unica solução...

Tentarei colocar a pagina no ar,para que possam analizar...Mas...fica em aberto a novos palpites e soluções http://forum.imasters.com.br/public/style_emoticons/default/coolio.gif 

<html>  <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Pagina texte</title> <style>   body {     margin: 0;     padding: 0;     font-family: Arial, Hevetica, Sans-Serif;   }    #menu {     padding-left: 34px   }      #menu ul {     padding: 0px;  /*Faixa onde fica o menu*/     margin: 0px;     float: left;     list-style: none;     width: 1000px;     height: 52px;   }    #menu ul li {     font-size: 10pt;     display: inline;/*Este display faz com o menu fique na horizontal*/   }    #menu ul li a {     padding: 18px 16px; /*1ºmedida alinhamento dos itens,2ºLargura do menu*/     float: left;     /*Visual do link*/     text-decoration: none;     color: #ffffff;   }       #menu ul li a:hover {     /*Quando o mouse passa em cima do link o sublinhado ira aparecer*/     background: #FFFFFF;     text-decoration: underline;     color: #ff0000;     height: 100%;   } </style> </head>  <body>  <div align="center"> 	<table border="0" width="1000" cellspacing="0" cellpadding="0" style="border: 1px solid #000;"> 		<tr> 			<td height="108" width="1000"> 			<img border="0" src="img_topo.jpg" width="1000" height="108"></td> 		</tr> 		<tr> 			<td height="52" background="img_menu.jpg">         <div id="menu">           <ul>               <li><a href="#">HOME</a></li>               <li><a href="#">EMPRESA</a></li>               <li><a href="#">CAMPANHAS</a></li>               <li><a href="#">LOJAS</a></li>               <li><a href="#">PREMIOS</a></li>               <li><a href="#">COMO CUIDAR</a></li>               <li><a href="#">MARCAS</a></li>               <li><a href="#">CONTATO</a></li>               <li><a href="#">TRABALHE CONOSCO</a></li>           </ul>       </div>     </td> 		</tr> 		<tr> 			<td height="415"> 			<img border="0" src="img_corpo_rotativo.jpg" width="1000" height="415"></td> 		</tr> 		<tr> 			<td height="660" style="background: url(img_principal.jpg) no-repeat bottom;"> </td> 		</tr> 		<tr> 			<td height="179" background="img_footer.jpg"> </td> 		</tr> 	</table> </div>  </body>  </html>

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