Ir para conteúdo

POWERED BY:

Arquivado

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

designfelipe

Problemas com alinhamento

Por , em Desenvolvimento frontend

Recommended Posts

designfelipe    0

designfelipe
Postado

Galera alguém pode me dar uma luz?

 

Já fiz de tudo. Consegui deixar o mais parecido possível no FF e no IE 7 e alinha-lo ao centro horizontalmente, mas o problema é que no IE 7 eu não consigo controlar o tamanho vertical da DIV do conteúdo. Segue abaixo o código.

 

CSS:

body {	font: 100% Verdana, Arial, Helvetica, sans-serif;	background: #CCCCCC;	margin: 0;	padding: 0;	text-align: center;	color: #000000;}.corpo #main {	width: 780px;	background: #FFFFFF;	margin: 0 auto;	border: 0px solid #000000;	text-align: left;}.corpo #conteudo {	height: 559px;	padding: 0;}/*Topo*/.corpo #logo {	position: relative;	left: 15px;	top: 15px;	width: 374px;	height: 71px;	visibility: visible;}.corpo #formtop {	position: relative;	left: 640px;	top: -45px;	width: 120px;	height: 57px;	visibility: visible;}/*Topo (FIM)*//*Menu Central*/.corpo #mcentral {	position: relative;	left: 159px;	top: -47px;	*top: -50px; /*IE Hack*/	width: 615px;	height: 24px;	visibility: visible;}/*Menu Central (FIM)*//*Menu Lateral*/.corpo #mlat {	position: relative;	left: 6px;	top: -23px;	width: 150px;	height: 24px;	visibility: visible;}.corpo #mconteudo {	position: relative;	left: 6px;	top: -47px;	*top: -53px; /*IE Hack*/	width: 150px;	visibility: visible;}.corpo #mlatbaixo {	position: relative;	left: 6px;	top: -47px;	*top: -61px; /*IE Hack*/	width: 150px;	height: 10px;	visibility: visible;}/*Div Ind Lateral (FIM)*/.corpo #divindtop {	position: relative;	left: 6px;	top: -547px;	*top: -584px; /*IE Hack*/	width: 150px;	height: 10px;	visibility: visible;}.corpo #divindconteudo {	position: relative;	left: 6px;	top: -547px;	*top: -587px; /*IE Hack*/	width: 150px;	height: 70px;	visibility: visible;}.corpo #divindbaixo {	position: relative;	left: 6px;	top: -547px;	*top: -595px; /*IE Hack*/	width: 150px;	height: 10px;	visibility: visible;}/*Div Ind Lateral (FIM)*//*Splash Automotivo*/.corpo #divauto {	position: relative;	left: 159px;	top: -330px;	*top: -347px; /*IE Hack*/	width: 615px;	height: 223px;	visibility: visible;}/*Splash Automotivo (FIM)*//*Noticias*/.corpo #newstop {	position: relative;	left: 159px;	top: -327px;	*top: -347px; /*IE Hack*/	width: 250px;	height: 24px;	visibility: visible;}.corpo #newsconteudo {	position: relative;	left: 159px;	top: -351px;	*top: -377px; /*IE Hack*/	width: 250px;	height: 116px;	visibility: visible;}.corpo #newsbaixo {	position: relative;	left: 159px;	top: -557px;	*top: -613px; /*IE Hack*/	width: 250px;	height: 10px;	visibility: visible;}/*Noticias (FIM)*//*Destaques*/.corpo #destaquestop {	position: relative;	left: 412px;	top: -351px;	*top: -374px; /*IE Hack*/	width: 362px;	height: 24px;	visibility: visible;}.corpo #destaquescont {	position: relative;	left: 412px;	top: -467px;	*top: -496px; /*IE Hack*/	width: 362px;	height: 116px;	visibility: visible;}.corpo #destaquesbaixo {	position: relative;	left: 412px;	top: -567px;	*top: -631px; /*IE Hack*/	width: 362px;	height: 10px;	visibility: visible;}/*Destaques (FIM)*//*Rodape*/.corpo #rodape {	position: relative;	left: 6px;	top: -563px;	*top: -630px; /*IE Hack*/	width: 768px;	height: 40px;	visibility: visible;}/*Rodape (FIM)*/

HTML:

<body class="corpo"><!-- Corpo --><div id="main"><!-- Main --><div id="conteudo"><!-- Conteudo --><div id="logo"><img name="logo_img" src="images/logo.jpg" width="374" height="71" border="0" alt=""></div><div id="formtop"><img name="formtop_img" src="images/formtop.jpg" width="120" height="57" border="0" alt=""></div><div id="mlat"><img name="mlat_img" src="images/mlat.jpg" width="150" height="24" border="0" alt=""></div><div id="mcentral"><img name="mcentral_img" src="images/mcentral.jpg" width="615" height="24" border="0" alt=""></div><div id="mconteudo"><img name="mconteudo_img" src="images/mconteudo.jpg" width="150" height="276" border="0" alt=""></div><div id="mlatbaixo"><img name="mlatbaixo_img" src="images/mlatbaixo.jpg" width="150" height="10" border="0" alt=""></div><div id="divauto"><img name="divauto_img" src="images/divauto.jpg" width="615" height="223" border="0" alt=""></div><div id="newstop"><img name="newstop_img" src="images/newstop.jpg" width="250" height="24" border="0" alt=""></div><div id="destaquestop"><img name="destaquestop_img" src="images/destaquestop.jpg" width="362" height="24" border="0" alt=""></div><div id="newsconteudo"> <img name="newsconteudo_img" src="images/newsconteudo.jpg" width="250" height="116" border="0" alt=""> </div><div id="destaquescont"><img name="destaquescont_img" src="images/destaquescont.jpg" width="362" height="116" border="0" alt=""></div><div id="divindtop"><img name="divautotop_img" src="images/divautotop.jpg" width="150" height="10" border="0" alt=""></div><div id="divindconteudo"><img name="divautoconteudo_img" src="images/divautoconteudo.jpg" width="150" height="70" border="0" alt=""></div><div id="divindbaixo"><img name="divautobaixo_img" src="images/divautobaixo.jpg" width="150" height="10" border="0" alt=""></div><div id="newsbaixo"><img name="newsbaixo_img" src="images/newsbaixo.jpg" width="250" height="10" border="0" alt=""></div><div id="destaquesbaixo"><img name="destaquesbaixo_img" src="images/destaquesbaixo.jpg" width="362" height="10" border="0" alt=""></div><div id="rodape"><img name="rodape_img" src="images/rodape.jpg" width="768" height="40" border="0" alt=""></div></div><!-- Main (FIM) --></div><!-- Conteudo (FIM) --></body><!-- Corpo (FIM) -->

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Caracas, pq tanta div?O que você quer fazer? Um menu? Um layout?Poste um link que fica mais fácil de ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

marciosantos    0

marciosantos
Postado

Exato, com o link postado fica mais fácil de te ajudar..... todavia, aplique um float:left na sua div CONTEUDO.

 

Dica1: você não precisa de colocar uma div para cada imagem.

Dica2: Feche as tags de imagem: <img src=......."/>

Dica3: Se todas as imagens tem "border:0px" então você poderia declarar isso no CSS:

img{border:0px}

Só por questão de economizar código e facilitar o manuseio

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