Ir para conteúdo

POWERED BY:

Arquivado

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

crazy_angel

Posicionamento de div

Por , em Desenvolvimento frontend

Recommended Posts

crazy_angel    0

crazy_angel
Postado

Fala pessoal beleza?

Entaum e o seguinte eu tenho uma div pa cada coisa, sem absolute hehehehehehe.

so que no IE eu comsegui posicionar cada coisa certinho ai no qndo vo arruma pro firefox ele mexe naum so o que eu quero como todo resto que engloba ele, neste caso e um texto da imagens que tem um sorvete, eu tenho q abaixar um pouco mais o texto mas ao tentar vai, o bg a imagens do sorvete e o texto o que pode ser???

pq pra mim ta td certo o codigo, vo ta postando o html e o css... 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>- Alpha Gel -</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta name="description" content="Alpha Gel"><meta name="googlebot" content="INDEX, FOLLOW"><meta name="language" content="Portuguese"><link href="css.css" rel="stylesheet" type="text/css"></head><body class="body"><!-- Corpo do site --><div class="corpo"><!-- Inicio do Topo --><div class="topo">	<div class="barra"> <img src="images/barra.jpg" alt="Barra" border="0" usemap="#contato" title="Barra"> 	</div> <!-- Logo Alpha Gel Superior -->  	<div class="logo"><a href="index.php"> <img src="images/logo_alphagel.jpg" border="0" title="Alpha Gel" alt="Alpha Gel"/></a> 	  	</div><!-- Newsletter-->	<div class="newsletter"><!-- Input da Newsletter -->		</div><div class="cadastro"><!-- Formulario Input -->				<form method="post" name="Newsletter" action="obrigado.php">		  <table border="0">			<tr> 			  <td width="40" class="textocadastro"> Nome:</td>			  			<td width="159" height="23" background="images/input.jpg"> 			   <input name="nome" type="text" id="nome"   value="Nome:" onClick="this.value=''" size="26">			</td>			</tr>			<tr> 			  <td class="textocadastro">E-mail:</td>			  			<td height="23" background="images/input.jpg"> 			   <input name="email" type="text" id="email"   value="E-mail:" onClick="this.value=''" size="26">			</td>			</tr>			<tr> 			  <td height="23" colspan="2"><table width="104%" border="0" cellpadding="1" cellspacing="4">				<tr> 					<td width="31%"> </td>					<td width="34%"><input type="image" src="images/cadastrar.jpg"></td>									  <td width="35%" class="textodescadastrar"><a href="#">Descadastrar</a></td>				  </tr>				</table></td>			</tr>		  </table>		</form><div class="conteudo"><!-- Menu Horizontal -->	  <div class="menu"> 		<table width="752" height="30" border="0" cellpadding="0" cellspacing="2">		  <tr> 			<td width="89" height="33"><img src="images/bt_principal.jpg" width="89" height="33"></td>			<td width="95"><img src="images/bt_empresa.jpg" width="83" height="33"></td>			<td width="120"><img src="images/bt_depoimentos.jpg" width="109" height="33"></td>			<td width="101"><img src="images/bt_noticias.jpg" width="77" height="33"></td>			<td width="90"><img src="images/bt_mercado.jpg" width="80" height="33"></td>			<td width="97"><img src="images/bt_maquinas.jpg" width="86" height="33"></td>			<td width="65"><img src="images/bt_links.jpg" width="58" height="33"></td>			<td width="110"><img src="images/bt_localizacao.jpg" width="97" height="33"></td>			<td width="87" height="33"><img src="images/bt_contato.jpg" width="73" height="33"></td>		  </tr>		</table>	  </div><!-- Banner Flash -->		<div class="banner">			<img src="images/banner.jpg" border="0" alt="Alpha Gel" title="Açpha Gel"/>				</div><!-- Sorvete Soft - Lado esquerdo --->			<div class="sorvetesoft"><!-- Texto -->		  <div class="textosoft"> 			<p>Lorem ipsum dolor site amet. consectetues<br/>			  adipiscing elit, Morbi sodales, Integer nunc neque<br/>			  , euismod...</p>		  </div><!-- imagen sorvete -->	<div class="sorveteesquerdo">		<img src="images/sorvete_01.jpg" border="0" title="Monte seu própio negócio" alt="Monte seu própio negócio"/>	</div>				</div>		  		  </div><!-- Divisão -->		  			  <div class="divisao">		<img src="images/divisao.jpg" border="0"/>	</div><!-- Imagen Sorvete Direito-->	<div class="sorveteartesanal"></div>		</div></div></div></body></html>

 

Agora o CSS

 

/*	Folha de estilos do site Alpha Gel	Desenvolvido dia 02/10/2007	www.logicadigital.com.br*//* Centralização do Site */* {   margin: 0;   padding: 0;}/* Background do site para ser repetido em X */.body{	margin: 0 auto;	text-align: center;	background: url(images/background.jpg) repeat-x;	image-repeat: x;}/* Configuração do centro do site, posicionamento */.corpo{	margin: 0 auto;	text-align: center;}/* Topo so site */.topo {	margin: 0 auto;	text-align: center;	background: url(images/topo.jpg) no-repeat;	height: 183px;	width: 854px;}/* Logo superior da Alpha Gel */.logo {/* Configuração para Firefox */	margin: 24px 0 0 -390px;/* Configuração Para IE */	*margin: 18px 0 0 -390px;}/* Newsletter */.newsletter {	background: url(images/newsletter.jpg) no-repeat;	height: 149px;	width: 242px;/* Configuração para Firefox */	margin: -128px 0 0 530px;/* Configuração Para IE */	*margin: -130px 0 0 450px;}/* Barra superior do sitew */.barra{/* Configuração para Firefox */		margin: 0 0 0 480px;/* Configuração Para IE */	*margin: 0 0 0 480px;}/* Formulario Cadastro Newsletter */.cadastro {	margin: -100px 0 0 544px;	*margin: -95px 0 0 439px;}/* Formatação texto Formularios *//* Texto Cadastro */.textocadastro {	font-family: tahoma,verdana;	font-size: 11px;	color: #004A75;}/* Botão Descadastro */.textodescadastrar a{	font-family: tahoma, verdana;	font-size: 11px;	color: #004A75;	text-decoration: none;}.textodescadastrar a:hover{	font-family: tahoma, verdana;	font-size: 11px;	color: #004A75;	text-decoration: underline;}.cadastro input{	background: transparent;	font-family: verdana;	font-size: 10px;	color: #004A75;	font-weight: normal;	border: 0;}/* Menu Horizontal*/.menu{	margin: 3px 0 0 34px;	*margin: -1px 0 0 -13px;}/* Configuração da onde vai todo o conteudo do site com o fundo repetindo */.conteudo {	margin: 0 0 0 -544px;	*margin: 0 0 0 -439px;	float: center;	background: url(images/bg_corpo.jpg) repeat-y;	height: 769px;	width: 854px;}/* Banner Flash */.banner {	/* Configuração para Firefox */	 margin: -3px 0 0 -11px;	/* Configuração para IE */	*margin: -3px 0 0 -10px;}/* Imagens sorvete lado esquerdo */.sorvetesoft {	background: url(images/titulo_soft.jpg) no-repeat;	height:411px;	width:317px;	margin: -30px 0 0 64px;   *margin: 0 0 0 -410px;}.sorveteesquerdo{	margin: 95px 0 0 -7px;	*margin: 14px 0 0 -6px;}.textosoft{	font-family: tahoma, verdana;	font-size: 11px;	text-decoration: none;	text-align: left;	color:#000000;	margin: 43px 0 0 40px;	*margin: 85px 0 0 33px;	}/* Barra para divisão */.divisao{ 	margin: -484px 0 0 -575px;	*margin: -484px 0 0 -480px;}/* Sorvete lado direito */.sorveteartesanal{	background: url(images/titulo_sorvete.jpg) no-repeat;}

 

 

Agradesço des de já. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Título do tópico editado conforme Regras do Fórum iMasters

Sai: ME ajudem com essa div maldita?

Entra: Posicionamento de div

 

crazy_angel, poste um link, fica mais fácil para o pessoal tentar ajudar você.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

crazy_angel, o que você quer é um layout de duas colunas.

Tem isso no aqui no fórum, um pouco diferente, mas a adaptação para o que você quer é tranquilo.

Olhe o link: http://forum.imasters.com.br/index.php?showtopic=223799

 

Caso tenha dúvidas, volte a postar.

 

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