No IE não funciona

[¿Tiago 0]

Tô com um problema, pois desenvolvi um site corretamente com css e no IE ele dá loucura.www.ccitalithakum.com.brVejam como as notícias vão sendo "engolidas" pela margem a medida que aparece uma nova notícia.Tem outro erro também. O último link, Instituto Humanitas, não está aparecendo como os demais e como deveria, já que a página é gerada pelo mesmo arquivo tpl.Se precisar, segue css da página.Obrigado!/* CSS DOCUMENT */*{margin:0;padding:0;}html {font-family:Arial, Tahoma, Verdana;font-size:10px;}div#main{margin:0px auto;background-color:#fff;width:780px;}div#main h1.logo{text-indent:-5000;overflow:hidden;background-image:url(../img/logo.jpg);background-repeat:no-repeat;width:780px;height:100px;}div#direita{float:left;width:200px;}div#esquerda{float:left;width:580px;}div#menu{margin:0;margin-right:50px;padding:0;width:150px;}div#menu ul{list-style-type:none;padding:0;margin:0;}div#menu ul li{border-bottom:1px dotted gray;margin-top:1px;}div#menu ul li.submenu{padding:5px;text-decoration:none;display:block;letter-spacing:3px;border-left:5px solid #ccc;background-color:#999;color:#fff;}div#menu ul li a{padding:5px;text-decoration:none;color:#999;display:block;letter-spacing:1px;border-left:5px solid #FF9900;}div#menu ul li a:hover{background-color:#ccc;color:#333;}div#conteudo{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #ccc;}.titulo_pagina{margin-top:10px;padding:5px;border-left:5px solid #ccc;border-bottom:1px dotted black;width:555px;background-color:#999;letter-spacing:4px;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;}.conteudo_pagina{margin-right:10px;padding-top:25px;padding-bottom:25px;padding-left:10px;line-height:150%;text-align:justify;text-indent:30px;border-left:5px solid #FF9900;font-size:11px;}.conteudo_pagina ol {margin-left:30px;}.conteudo_pagina ol li {text-indent:15px;margin-bottom:10px;list-style:none;}.conteudo_pagina ul {margin-left:30px;}.conteudo_pagina ul li {text-indent:15px;margin-bottom:10px;list-style:none;}.conteudo_pagina p{margin-bottom:10px;}.conteudo_pagina table{margin:0 auto;font-size:12px;margin-bottom:20px;}span.textdir p{text-align:right;}.titulo_principal h1{margin-top:5px;margin-bottom:30px;letter-spacing:5px;font-family:Verdana;padding:5px;padding-bottom:0;border-bottom:1px solid #ccc;color:#ffcc00;}.letra{font-size:28pt;font-style:italic;}fieldset{width:400px;border:1px solid #999;margin-left:50px;padding:15px;text-indent:0;padding-left:30px;}legend{margin:0;padding:5px;text-indent:0;font-size:12px;font-weight:bold;color:#0041D6;}div.linha_evento{font-size:12px;margin-bottom:1px;text-indent:0;}div.linha_evento2{font-size:12px;background-color:#F2F2F2;margin-bottom:1px;text-indent:0;}span.data{font-weight:bold;color:#0099cc;margin-right:10px;}span.data_numero{font-weight:normal;font-style:italic;}

[Giovani 104]

Apenas um exemplo, você tem isso:

 

<div class="titulo_pagina">

. Voluntários, Seja um!

</div>

<div class="conteudo_pagina">

O Centro Comunitário Infantil realiza diversas atividades, promovendo inclusão social a várias crianças e adolescentes do bairro São Geraldo (Feitoria) em São Leopoldo. Dentre estas atividades está a Informática, como forma de Inclusão Digital que atualmente está em marcha desacelerada na parte da tarde por falta de voluntários.<br /><br />Se você conhece um pouco de informática (Windows e Office) e tem disponibilidade de horários entre 13:30 e 17:00h, talvez queira nos ajudar a semear conhecimento nestes jovens e contribuir para o futuro de cada um deles.<br /><br />Se você quer ser voluntário nesta ou em outras áreas, ligue para nós (51 3575.2191), ficaremos muito felizes em ajudá-lo a direcionar seus conhecimentos.<br /><br />CCI Talitha Kum

<span class="textdir"><p>Postado em 01.04.2006</p></span>

</div>

 

Seria, bem melhor, fazer isso:

 

<div class="nomeDiv">

  <hn>Voluntários, Seja um!</hn>

  <p>O Centro Comunitário Infantil realiza diversas atividades, promovendo inclusão social a várias crianças e adolescentes do bairro São Geraldo (Feitoria) em São Leopoldo. Dentre estas atividades está a Informática, como forma de Inclusão Digital que atualmente está em marcha desacelerada na parte da tarde por falta de voluntários.</p>

  <p>Se você conhece um pouco de informática (Windows e Office) e tem disponibilidade de horários entre 13:30 e 17:00h, talvez queira nos ajudar a semear conhecimento nestes jovens e contribuir para o futuro de cada um deles.</p>

  <p>Se você quer ser voluntário nesta ou em outras áreas, ligue para nós (51 3575.2191), ficaremos muito felizes em ajudá-lo a direcionar seus conhecimentos.</p>

  <p>CCI Talitha Kum</p>

  <p>Postado em 01.04.2006</p>

</div>

 

Estude um pouco mais sobre classes, id's, p, hn.

Essa sequência é ótima para ler.

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[fs_medrado 0]

Olá Tiago.

 

Tente seguir o que o gio falou, com certeza isso vai te ajudar muito a lidar com as diferenças entre navegadores, mas de imediato pra você arrumar esse seu código faça o seguinte:

 

.conteudo_pagina{margin-right:10px;padding-top:25px;padding-bottom:25px;padding-left:10px;line-height:150%;text-align:justify;text-indent:30px;border-left:5px solid #FF9900;font-size:11px;[color= #FF0000]width:555px;[/color]}

Adicione essa última linha especificando uma largura pra seu elemento .conteudo_pagina, deve resolver. Ah, o link aki ficou beleza.

 

Lembrando que você usando p, title, ... você ganha muito com isso. Flw!

[¿Tiago 0]

Muito obrigado a ambos e, com certeza, vou tentar melhorar meu código CSS.

 

Abraços,

Tiago

 

OBS: Agora o site funciona tb no IE... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

Leia os ink que te passei que não tem erro, vai ficar sabendo bastante.E se aparecerem mais dúvidas, volte a postar!!!Um grande abraço!