Ir para conteúdo

POWERED BY:

Arquivado

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

gabcar

Como resolver problema de margin com o IE?

Por , em Desenvolvimento frontend

Recommended Posts

gabcar    0

gabcar
Postado

Boa noite a todos.

Pessoal, preciso fazer com que a minha tabela fique no mesmo lugar no Chrome e no Internet Explore.

Não sei oque fazer com ela, se alguém poder me ajudar....

Veja esta pagina com o Chrome e com o Internet Explore para ver a diferença: http://humorbr.onlinewebshop.net/sortear.php?fundo=red

 

Desde já, obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não use tabelas para estruturar o layout, e depois comece pelo basico, validando:

 

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fhumorbr.onlinewebshop.net%2Fsortear.php%3Ffundo%3Dred

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fhumorbr.onlinewebshop.net%2Fsortear.php%3Ffundo%3Dred

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabcar    0

gabcar
Postado

Tentei arranjar um jeito de nao usar a tabela, falhei.

Se conseguirem me ajudar tendo o código, aí vai ele:

 

<html>
<head>
<title> Sortear </title>
<style type="text/css">

body { background: <?php echo $fundo ?> url(http://www.soufoda.net/clickfoda/images/fundo.png);
background-position: top;
background-repeat: repeat-x;
font-size: 15px;
text-align: center;
margin: 0;padding: 0;}

#barra {text-align: center;}

table {border-collapse: separate;
       border-spacing: 2px;
display: table;
border-collapse: separate;
align="center"}

#online {width:123px; text-align: center; position: relative; left: 0px; align="right"}

.menu {float:left; height:40px; margin-top:0; padding-top:3px; width:100%; text-align: center;}
.menu img {height: 35px; margin-top: 5px; float: right; display: block; margin-right: 15px;}
.menu a img:hover {height: 40px; float: right; display: block; margin-top:0px;}
</style>

</head>
<body>

<div id="barra">

<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr border="3" >

<td width="150" align="center" height="40" style="position:relative; bottom: 8px;">

<a href="http://blogsdox.blogspot.com/" target="_blank"> <img src="http://1.bp.blogspot.com/-MFzKZqaYFGE/TrFlZOtV4gI/AAAAAAAAAlQ/DsjyUkOf3zA/s1600/2clickfoda5.png" border='0' title="Participar" /></a>

</td>

<td valign="top" height="40" width="500" style="padding-left:50px;">
<div class="menu" align="left">
<span class='blogs'><?php echo $blog[1];?></span>
<span class='blogs'><?php echo $blog[2];?></span>
<span class='blogs'><?php echo $blog[3];?></span>
<span class='blogs'><?php echo $blog[4];?></span>
<span class='blogs'><?php echo $blog[5];?></span>
<span class='blogs'><?php echo $blog[6];?></span>
<span class='blogs'><?php echo $blog[7];?></span>
<span class='blogs'><?php echo $blog[8];?></span>
<span class='blogs'><?php echo $blog[9];?></span>
<span class='blogs'><?php echo $blog[10];?></span>



</div></td>
<div id="online">
<td style="padding-left: 50px;">

<script id="_wau8sy" style="target:_blank;">var _wau = _wau || []; _wau.push(["small", "9jy7m9c31dx4", "8sy"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/small.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

</td>
</div>
</tr></table>

</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kaue Machado    0

Kaue Machado
Postado

Se quiser umas dicas:

1) Comece do zero, usando as tags apropriadas (divs, span, h1, h2, etc)

2) Aplique um css reset (pesquisando no google você vai encontrar vários, o do yahoo deve servir)

3) Valide seu código como o William Bruno disse.

 

Seguindo essas 3 dicas seu site ficara igual em todos os browsers, se tiver diferenças será de 1px em alguma tag de um browser pra outro ou se você usar CSS3 ou HTML5, usando html < 4.1 e css < 2.1 seu site ficará igual em todos os browsers.

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabcar    0

gabcar
Postado

Estou com um problema, como estou acostumado a usar tabelas, agora que estou tentando fazer sem elas estou sem jeito algum. Se alguem puder me ajudar a alinhar as divs contidas neste endereço: http://humorbr.onlinewebshop.net/up.php?fundo=red

 

Obs: para ver o código, use o chrome, clique com o botão direito e em inspecionar elemento.

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