..:: MX Studio Fóruns ::..: IE e Opera blz!!! firefox ta errado. - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

IE e Opera blz!!! firefox ta errado. alguem pode me dar uma sugestão para res

#1 User is offline   paulojr 

  • Group: Membros
  • Posts: 121
  • Joined: 11-March 05

  Posted 22 March 2006 - 12:54 AM

Salve galera, to tendo um probleminha no firefox que coloca um espaço em baixo do layout.

Ja no IE e no Opera ta belezinha, ja nao sei mais o que olhar .


CODE
<html>
<head>
<title>contraponto layout 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
body,td,th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
}
#esqbg {
   background-image: url(images/index_09.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   clip: rect(0px,0px,auto,auto);
   top: 0px;
   right: 0px;
   height: 100%;
   width: 100%;
}
#dirbg {
   background-image: url(images/index_12.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   height: 100%;
   width: 100%;

}
#topesqbg {
   background-image: url(images/index_02.jpg);
   background-position: left top;
   height: 137px;
   width: 100%;
}
#sombraesqbg {
   background-image: url(images/index_03.jpg);
   height: 137px;
   width: 11px;
   background-repeat: no-repeat;
   float: none;
}
#tintasombraesqbg {
   background-image: url(images/index_10.jpg);
   background-repeat: no-repeat;
   top: 0px;
   right: 0px;
   height: 100%;
   width: 11px;
   float: none;
}#sombradirbg {
   background-image: url(images/index_05.jpg);
   height: 137px;
   width: 9px;
   background-repeat: no-repeat;
   float: none;
}
#tintasombradirbg {
   background-image: url(images/index_11.jpg);
   background-repeat: no-repeat;
   top: 0px;
   right: 0px;
   height: 100%;
   width: 9px;
   float: none;
}
img {
   background-color:#FFFFFF;
   background:url(images/carregando.gif) no-repeat center center;
}
table {
   height: 100%;
   width: 100%;
}
-->
</style></head>
<body bgcolor="#FFFFFF">
<table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
 <tr valign="top">
   <td width="260">
   
   <div id="topesqbg"></div>
   <div id="esqbg"></div>

   
   </td>
   <td width="11" align="right">
   
   <div id="sombraesqbg"></div>
   <div id="tintasombraesqbg"></div>
     
     </td>
   <td width="740" align="center" valign="top">
   
   <table  border="0" cellpadding="0" cellspacing="0">
     <tr>
       <td height="133">

       
       <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="740" height="133">
         <param name="movie" value="flash/top.swf">
         <param name="quality" value="high">
         <embed src="flash/top.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="740" height="133"></embed>
       </object>
       
       </td>
     </tr>
     <tr>
       <td height="11"><img src="images/sombra_08.jpg" width="740" height="11"></td>

     </tr>
     <tr>
       <td align="center" valign="middle"><img src="images/329656_7343.jpg" width="640" height="480"></td>
     </tr>
     <tr>
       <td height="22"><img src="images/botton_14.jpg" width="740" height="22"></td>
     </tr>
   </table>
   
   </td>

   <td width="9" align="left">
   
   <div id="sombradirbg"></div>
   <div id="tintasombradirbg"></div>

   </td>
   <td width="260">
   
   <div id="topesqbg"></div>
   <div id="dirbg"></div>
   
   </td>

 </tr>
</table>
</body>
</html>



o link para visualização é o seguinte contraponto

Obrigado pessoal
0

#2 User is offline   IRON MAIDEN 

  • Group: Membros
  • Posts: 167
  • Joined: 10-August 05

Posted 22 March 2006 - 01:41 AM

Eu dei uma olhada aqui e tanto no IE quanto no Firefox estão a mesma coisa.

Pra falar a verdade, no IE que dá um pequeno espaço no final. Mas quase imperceptível.
0

#3 User is offline   paulojr 

  • Group: Membros
  • Posts: 121
  • Joined: 11-March 05

Posted 22 March 2006 - 01:45 AM

Olá Iron, cara acabei de conseguir.

o problema ai é com as div´s acabei trocando tudo por tabela mesmo ai deu certo... nao deu nem tempo de avisar aqui no forum !

Mas obrigado !
0

#4 User is offline   IRON MAIDEN 

  • Group: Membros
  • Posts: 167
  • Joined: 10-August 05

Posted 22 March 2006 - 01:58 AM

Que bom que você conseguiu.

Mas tenta solucionar o problema com as div's.

O site vai ficar melhor e você também já vai estar praticando bastante.
0

#5 User is offline   paulojr 

  • Group: Membros
  • Posts: 121
  • Joined: 11-March 05

Posted 22 March 2006 - 09:51 AM

Cara tentei de tudo, mas nao teve jeito nao !

Se tiver alguma sugestão em relação ao codigo agradeço demais, pois tb queria fazer com Div mas....

Valew
0

#6 User is offline   IRON MAIDEN 

  • Group: Membros
  • Posts: 167
  • Joined: 10-August 05

Posted 22 March 2006 - 04:36 PM

Posta o código feito com div's pra dar uma olhada.

Podemos ver se há algo de errado, compararmos ele com o feito com tabelas....

Certamente se eu não conseguir te ajudar, alguém daqui consegue!

Posta também a página pronta, assim vemos os espaçamentos.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)