Ir para conteúdo

POWERED BY:

Arquivado

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

Mauro Célio

Layout não alinha com css

Por , em Desenvolvimento frontend

Recommended Posts

Mauro Célio    0

Mauro Célio
Postado

Desenvolvi este layout usando CSS, mas a borda à direita fica desproporcional, já tentei de tudo, mas fica maior que a borda da esquerda.

 

abaixo o código.

 

<?xml version="1.0" encoding="iso-8859-1"?><!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><title>Ubá Digital</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="classification" content="Publicidade" /><meta name="url" content="http://www.zmd.com.br"> <meta name="description" content="Publicidade e Propaganda  " /><meta name="keywords" content="Publicidade, publicidade, e-mail, internet, Internet, Propaganda, propaganda, minas gerais, Juiz de Fora, juiz de Fora, agência, Agência, ZMD, design, Design, zmd."/><meta name="robots" content="ALL" /><meta name="distribution" content="Global"><meta name="language" content="Portuguese"><STYLE type=text/css>A:link {text-decoration:none; color: #666}A:visited {text-decoration:none; color: #999}A:hover {text-decoration:underline; color: #990000}body{background: #ccf;	margin: 0;	padding: 2;}p { margin: 0 0 0 0; }  ul.noticia01{	list-style-image: url(imagens/seta.gif);	list-style-position: outside;	padding-bottom: 3px;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	white-space: pre;	font-size: 10px;}#lateral, #conteudo, #menu, #rodape, #topo { font: 7.5pt Verdana, Tahoma, Arial; } #geral {	background-color: #900;  	width: 770px;	padding: 2px 2px 2px 2px;  }#topo {	background-color: #c30;	height: 110px;  	margin-bottom: 5px;}#publicidade{   background: #666 url(imagens/pub.jpg) no-repeat;  	width: 770px;	height: 97px;	padding: 2px 2px 2px 40px;	border: 1px solid #fff;	margin-bottom: 5px;}#menu, #lateral {	width: 150px; 	background-color: #8DC37E;  	padding: 5px;	margin-top:5px;}html>body #menu, html>body #lateral { width: 130px; } /* hack para q o FF, Opera, etc deixem o tamanho correto do layout, pois não colocando ele adicionaria + 20px aos 150px das divs, totalizando 170px, que iria bagunçar o layout */html>body #publicidade {width: 726px;}html>body #conteudo {width: 442px; margin-left: 154px;}#menu { float: left; }  #lateral { float: right; }  #conteudo {	background-color: #FFFFFF;    width: 460px;	margin: 5px 150px;	padding: 2px; }#noticia01{	background-color: #FFFFFF;    width: 532px;	height: 210px;	margin: 0px 5px 0px 0px;	padding: 2px; 	float: left;	clear: both;}html>body #noticia01 {width: 400px;}#relogio {	background: #F90;    width: 226px;	height: 70px;	padding: 5px;	margin-bottom: 5px;}html>body #relogio {width: 200px}#veiculos{	background: #F0F8FF;	width: 226px;	height: 135px;	padding: 5px;}#promocao{	background: #fc0;	width: 220px;	height: 120px;	float: left;	margin: 0px 2px 0px 0px;}html>body #promocao{width:200px}#news{	background: #ff4500;	width: 220px;	height: 78px;	float: left;	margin: 2px 2px 0px 0px;}html>body #news {width: 200px}	#polo{	background: #999;	width: 233px;	height: 200px;	float: right;}#lateralconteudo{	background: #fc0;	width: 150px;	height: 395px;	float: left;	margin: 12px 2px 0px 0px;}html>body #lateralconteudo {width: 130px;}#agenda{	background: #FA8072;	width: 300px;	height: 119px;	float: right;	margin: 12px 0px 0px 0px;}html>body #agenda {width: 270px}#colunas{	background: #00f url(imagens/colunas.jpg) top no-repeat;	width: 300px;	height: 266px;	float: right;	margin: 12px 0px 0px 0px;}h3{font: 9px Verdana, Tahoma, Arial;   color: #fff;}	h1{font: 11px Verdana, Tahoma, Arial;   color: #000;	text-align: left;	letter-spacing: 1px;	margin: 2px 2px 4px 2px;	}	#rodape {	width: 770px;	background-color: transparent; 	height: 20px; 	text-align: center;	margin-top:10px;}</STYLE><script src="semborda.js"></script></head><div id="geral">		<div id="topo"><img src="imagens/topo.png" /></div>		<div id="publicidade"><script>embeds("01.swf", 728, 90);</script></div>		<div id="noticia01">		<img src="imagens/noticia01.jpg" height="200" width="224" />				</div>		<div id="relogio">relogio</div>		<div id="veiculos">carros</div>		<div id="menu">			<p>Menu</p>		</div>		<div id="lateral">			<p>Anúncios</p>		</div>		<div id="conteudo">			<div id="promocao">promocao</div>			<div id="polo">polomoveleiro</div>			<div id="news">news</div>			<div id="lateralconteudo">			<h1>Imagens de Ubá</h1>			<img src="imagens/img01.gif" />				<br/ >				<img src="imagens/cambio.jpg" />				<br/ >			<h1>Turismo</h1>			   <img src="imagens/turismo.jpg" height="113" width="150" />			</div>			<div id="agenda">agenda</div>			<div id="colunas"></div>		</div>		<div id="rodape"> <h3>Móveis | Veículos | Contato | Equipe</h3></div>	</div></body></html>
Coloque código dentro de [ code ]

#INSIDE#

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Mauro Célio, não confunda div com célula de tabelas, são coisas totalmente diferentes.

Pesquise sobre divmania aqui no fórum, você vai entender o que estou falando.

 

Minha dica paa você é: estude o básico. Se não estudar não tem jeito.

 

Aqui no fórum temos exemplos de como construir um layout:

Laboratório de Scripts (WS)

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

CuecaX    0

CuecaX
Postado

rapaz... sugiro q você tire isso do ar e ponha um layout temporario mais simples enquanto resolve o problema.essa discrepancia toda entre os browsers nao pode ficar aparente, mesmo funcionano no browser (infelizmente) majoritario.todos devem poder vizualizar o conteudo nao importa o browser q usem :)e como disseram ae em cima estude um pouco mais o básico...pois muitas pessoas fazem errado, mas mesmo assim funciona no IE, entao erroneamente acham q esta certo, e q o firefox está errado, sem nem se informar direito. Isso eh muito tuim.

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