Ir para conteúdo

Arquivado

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

tdelgrande

Site em tableless não funciona no Firefox

Por , em Desenvolvimento frontend

Recommended Posts

tdelgrande    0

tdelgrande
Postado

Olá pessoal!!

 

Estou tentando fazer meu primeiro site em tableless e estou conseguindo com a ajuda de vocês, muito obrigado!

 

O problema é que o site só funciona no IE, apresentando problemas no FF. Testei no IE 7 e no FF 2.

 

O endereço para vocês olharem é: http://www.einfall.com.br/lab/

 

O código XHTML é:

 

<!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" xml:lang="pt-br" lang="pt-br"><head>  <style>@import "css/estilos.css";</style></head><body><div id="principal">  <div id="logo"><img src="imgs/logo_principal.jpg" /></div>  	<div id="azul"></div>		<div id="menu">		<div id="menu_botao"><img src="imgs/index/topo_predio.jpg" /></div>		<div id="menu_botao"><img src="imgs/menu/clientes.gif" /></div>		<div id="menu_botao"><img src="imgs/menu/trabalhos.gif" /></div>		<div id="menu_botao"><img src="imgs/menu/parceiros.gif" /></div>		<div id="menu_botao"><img src="imgs/menu/contato.gif" /></div>		<div id="menu_botao"><img src="imgs/menu/links.gif" /></div>	</div>	<div id="menu_baixo">		<div id="menu_baixo_botao"><img src="imgs/index/baixo_predio.jpg" /></div>		<div id="menu_baixo_botao"><img src="imgs/index/separador.gif" /></div>		<div id="menu_baixo_botao"><img src="imgs/index/citacao.jpg"/></div>	</div> 		<div id="chamada"></div>		<div id="menu_baixo">		<div id="menu_baixo_botao"><img src="imgs/index/artigos.jpg" /></div>		<div id="menu_baixo_botao"><img src="imgs/index/separador.gif" /></div>		<div id="menu_baixo_botao"><img src="imgs/index/como_chegar.jpg"/></div>	</div> 		 <div id="chamada"></div>	</div>	</body></html>

 

E o código do CSS é:

 

@charset "utf-8";/* CSS Document */body {	background:#8fa6bc;	text-align:center;	font:80% verdana,arial,helvetica,sans-serif;	margin:0px;	}	#logo {	width:765px;	height:126px;	border: 5px solid #FFF;	text-align:center;	}	#principal {	width:775px;	background:#8fa6bc;	margin:0 auto;	}	#azul {	width:765px;	height:5px;	background:#006699;	border-left:5px solid #FFF;	border-right:5px solid #FFF;	}#chamada {	width:765px;	height:25px;	background:#8fa6bc;	border:5px solid #FFF;	}	#menu, #menu_baixo {	width:765px;	border-left:5px solid #FFF;	border-right:5px solid #FFF;	}	#menu_botao, #menu_baixo_botao{	float:left;	}

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Tenha em atenção que o valor de um ID é único, logo não pode ser repetido;

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Porque tanta imagem sem qualquer texto? Acessibilidade já ouviu falar amigo? E as imagens não necessitam de estar todas dentro de uma respectiva div. A não esquecer a semântica ;).

 

Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

tdelgrande, você leu os materiais sobre como construir layout´s lá do Lab de Scripts?

Caso não tenha lido, recomendo, fortemente, a leitura.

 

No seu código tá horrível, cheio de de div´s, isso é muito errado.

Você está com uma doença chamada divmania (pesquise aqui no fórum).

 

Estude bastante, e depois se tiver dúvidas, volte a postar.

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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