Ir para conteúdo

POWERED BY:

Arquivado

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

_DyLeR_

Site todo Desformatado

Por , em Desenvolvimento frontend

Recommended Posts

_DyLeR_    0

_DyLeR_
Postado

Pessoal, sou novo com CSS, estou fazendo um site em CSS, mas no IE ele fica legal e no MOZILA ele fica desformatado, alguém pode me ajudar?

 

observerm o código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Suspensom =-= V.2</title><link href="css/centro.css" rel="stylesheet" type="text/css" /></head><body><div id="eventos"><img src="imagens/eventos.gif" /></div><div id="eventos_conteudo"><?php include "eventos/index.php"; ?></div><div id="cobertura"><img src="imagens/coberturas.gif" /></div><div id="cobertura_conteudo"></div><div id="noticias">Notícias OnLine</div><div id="conteudo_noticias"><?php include "noticias/noticia.php"; ?></div></body></html>

agora o CSS:

 

* {	margin: 0;	padding: 0;	border: 0;}body {	background:#000000;	font: 10px verdana;	margin: auto;}#eventos{width: 230px;height: 12px;background:#FFCC00;margin-left:8px;text-align:center;color:#000000;font-weight:bold;}#eventos_conteudo{width: 230px;height: 152px;border-left:solid 1px #CCCCCC;border-right:solid 1px #CCCCCC;border-top:solid 1px #CCCCCC;border-bottom:solid 1px #CCCCCC;margin-left:8px;margin-bottom:10px;}#cobertura{width: 232px;height: 12px;background:#FFCC00;margin-left:248px;margin-top:-180px;text-align:center;color:#000000;font-weight:bold;}#cobertura_conteudo{width: 230px;height: 152px;border-left:solid 1px #CCCCCC;border-right:solid 1px #CCCCCC;border-top:solid 1px #CCCCCC;border-bottom:solid 1px #CCCCCC;margin-left:248px;margin-bottom:10px;}#noticias {	width: 470px;	height: 12px;	background:#FFCC00;	color:#000000;	text-align:center;	font-weight:bold;	margin: 0px 0px 0px 8px;	padding: 0px 0px 0px 0px;	font-weight:bold;	border-left:solid 1px #CCCCCC;	border-right:solid 1px #CCCCCC;	border-top:solid 1px #CCCCCC;}#conteudo_noticias {	width: 470px;	height:auto;	background: #000000;	border:solid 1px #CCCCCC;	margin-top: 1px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 8px;	padding-top: 5px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

posta um link por favor... :natalwink: dah uma lida no meu artigo de reciclagem de css. Tem muito codigo q poderia ser retirado, encurtado...

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