Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Carregando comentários...
