[Resolvido] Problema no IE, não exibe imagens
Olá galera, tudo bom?
meu pró é o seguinte...
fiz um layout, até ai tudo bem....
testei no firefox, chrome, safari e ta tudo ok, mas quando eu testo em qualquer versão do IE não aparece nem uma imagem, e não é só na minha maquina
já testei em 3 e faz a mesma coisa, eu não sei o que está havendo
vou mandar o código fonte e o css para vocês darem uma olhadinha pra ver se identifica o erro
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<title>Cooperativa Pindorama</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/estilo.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.corner.js"></script>
<script type="text/javascript" src="jquery/jquery.cycle.all.js"></script>
<script>
$(document).ready(function(){
$(".borda").corner("round 5px");
});
$(function() {
$('#slide').cycle({ fx: 'fade' });
});
</script>
<?php
include "include/funcao.php";
?>
<style type="text/css">
</style>
</head>
<body>
<div id="logo"><img src="image/logo.png"> </div><!--logo-->
<div id="tudo" class="borda">
<div id="menu" class="trans">
<ul>
<li><a href="#">História</a> |</li>
<li><a href="#">Diretoria</a> |</li>
<li><a href="#">Produtos</a> |</li>
<li><a href="#">Receitas</a> |</li>
<li><a href="#">Usinas</a> |</li>
<li><a href="#">Ação Social</a> |</li>
<li><a href="#">Campo</a> |</li>
<li><a href="#">Notícias</a> |</li>
<li><a href="#">Galeria de fotos</a> |</li>
<li><a href="#">Vídeos</a></li>
</ul>
</div> <!-- Div Menu -->
<div id="slide">
<img src="image/slide.jpg">
<img src="image/slide2.jpg">
<img src="image/slide3.jpg">
</div> <!-- Div slide -->
<div id="data">
Coruripe, <?php data()?>
</div><!-- data-->
<div id="menu2">
<ul>
<li><a href="#">Home</a> |</li>
<li><a href="#">Trabalhe Conosco</a> |</li>
<li><a href="#">Endereços</a> |</li>
<li><a href="#">Contato</a></li>
</ul>
</div><!-- menu2 -->
</div> <!-- Div Tudo -->
<div id="tudo2" class="borda">
<div id="left" class="borda">
<div id="box" class="borda">
<h1>Destaques e Lançamentos</h1>
<img src="image/sucos.jpg">
</div><!-- box -->
<div id="box2" class="borda">
<h1>RECEITAS</h1>
<img src="image/receita.jpg">
<p>Pudim Pindorama <br />
Modo de Preparo <br />
1 - Misture a manteira (gelada) <br />
com açucar e canela. Acrescente a <br />
farinha já misturada com sal e o <br />
Corn Flakes. <br />
2 - Misture até obter uma massa <br />
homogenea.
</div><!-- box2 -->
</div><!-- left -->
<div id="right" class="borda">
<div id="box3" class="borda">
<h1>Notícias</h1>
<img src="image/noticia.jpg" alt="Cooperativa Pindorama" hspace="5">
<h2>Logística da Cooperativa Pindorama será <br />
usada para comercializar farinha em alagoana.<strong><br />
</strong></h2>
<p>A maior cooperativa da agricultura familiar do Nordeste,<br />
a Cooperativa Pindorama, será a responsável pela<br />
logística e comercialização da farinha de mandioca<br /><br />
15/07/2011
</p>
<h2>Alunos participam da Caminhada Cooperativista</h2>
<p> A Cooperativa Pindorama em parceria com duas escolas municipais de Coruripe realizou uma caminhada cooperativista em Pindorama, na Avenida Camaçari.<br>
<br>
13/07/2011 </p>
<h2><p>Mais Notícias...</p>
</h2>
</div>
<!--box3-->
<div id="box4" class="borda">
<div id="video" class="borda">
<h1>Vídeos</h1>
<iframe width="190" height="150" src="http://www.youtube.com/embed/QjcOKA8WUbI" frameborder="0" allowfullscreen></iframe>
</div><!--video-->
<div id="presidente" class="borda">
<h1>Presidente</h1>
<img src="image/presidente.jpg">
"O que importanão é onde estamos
mas para onde e como vamos".<br />
<h2>Leia Mais...</h2>
</div><!--presidente-->
<div id="jornal" class="borda">
<h1>Jornal</h1>
<img src="image/jornal.jpg" alt="Jornal Pindorama">
</div><!--jornal-->
</div><!--box4-->
</div><!--right-->
</div><!-- tudo2 -->
<div id="rodape">
<br />
<br />
Sede: Av. Camaçari, s/n - Colônia Pindorama, Coruripe-AL Cep: 57320-000 - Fone: (82) 3274-6464/ Fax: (82) 3274-5127<br />Escritório central: Rua Goiás, 371 - Farol, Maceió/AL Cep: 57055-320 - Fone: (82) 3216-5900 / Fax: (82) 3216-5901<!--rodape_texto-->
</div><!--rodape-->
</body>
</html>
@charset "windows-1257";
/ CSS Document /
body {
margin:0;
padding:0;text-align:center; / hack para o IE /
background-image:url(../image/back.jpg);
}
#tudo {
width: 850px;text-align:left; / "remédio" para o hack do IE /
margin-top: 0px;
padding-right:25px;
margin-right: auto;
margin-bottom: 15;
margin-left: auto;
padding-bottom: 25px;
background-image:url(../image/back1.png);
}
#tudo2 {
width: 875px;text-align:left; / "remédio" para o hack do IE /
margin-top: 10px;
background-image:url(../image/back1.png);
padding-right:0px;
margin-right: auto;
margin-bottom: 15;
margin-left: auto;
padding-bottom: 25px;
height: 450px;
}
#menu {
padding: 0px;
font-size:17px;
margin-left: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#menu ul li { display: inline;
}
#slide{
background-color:#0F0;
width:500px;
text-align:center;
width:769px;
height:200px;
margin-right: 0px;
margin-left: 50px;
}
#data{
width:auto;
margin-left: 40px;
font-size:14px;
float: left;
}
#menu2 {
width:450px;
float: right;
text-align:right;
font-family: Arial, Helvetica, sans-serif;
}
#menu2 ul {
padding:0px;
margin:0px;
float: right;
list-style:none;
width: 100%;
}
#menu2 ul li { display: inline; }
#left{
width: 400px;
height: 400px;
float: left;
}
#right{
width: 475px;
height: 400px;
float: right;
}
#box{
background-color:#FFF;
height: 250px;
width: 365px;
margin-left: 20px;
margin-top: 10px;
}
#box2{
background-color:#FFF;
height: 175px;
width: 365px;
margin-left: 20px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#box3{
background-color:#FFF;
height: auto;
width: 450px;
margin-left: 5px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#box4{
height: auto;
width: auto;
margin-left: 5px;
margin-top: 10px;
}
#video{
background-color: #FFF;
height: auto;
width: 190px;
float: left;
}
#presidente{
background-color: #FFF;
height: 100%;
width: 150px;
float: left;
margin-left: 5px;
font-size: 12px;
}
#jornal{
background-color: #FFF;
height: auto;
width: auto;
float: left;
margin-left: 5px;
}
#box h1{
font-size:18px;
color:#000;
}
#box img{
height: 193px;
width: 350px;
margin-left: 10px;
}
#box2 img{
height: 130px;
width: 200px;
float: right;
margin-top: 10px;
}
#box2 h1{
font-family:Arial, Helvetica, sans-serif;
color:#C30;
font-size: 16px;
margin-left: 5px;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
}
#box3 img{
height: 114px;
width: 150px;
float: left;
}
#box3 h1{
font-family:Arial, Helvetica, sans-serif;
color:#C30;
font-size: 16px;
margin-left: 5px;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
}
#box3 h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F00;
font-weight: bolder;
}
#video h1{
font-family:Arial, Helvetica, sans-serif;
color:#C30;
font-size: 16px;
margin-left: 5px;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
}
#presidente h1{
font-family:Arial, Helvetica, sans-serif;
color:#C30;
font-size: 16px;
margin-left: 5px;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
}
#presidente img{
float: left;
}
#presidente h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F00;
font-weight: bolder;
text-decoration: underline;
}
#jornal h1{
font-family:Arial, Helvetica, sans-serif;
color:#C30;
font-size: 16px;
margin-left: 5px;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
}
#midia{text-align:left; / "remédio" para o hack do IE /
padding-right:0px;
margin-right: auto;
margin-left: auto;
padding-bottom: 25px;
width: 875px;
}#midia img{
float: right;
}
#rodape{
background-image:url(../image/rodape.png);
height: 97px;text-align:center
}
#rodape_texto{
width: 775px;
text-align:center;
margin-left: 300px;
}
#logo{
width: 850px;
margin-left: auto;
height: 70px;
display:table;
}
#logo img{
text-align:left;
float: none;
}
#menu ul li a {
color:#F00
height:1%;
}#menu li a:hover {
color:#000;
}
#menu2 li a:hover {
color:#000;
}
#menu a:link {
color: #DA251D;
text-decoration: none;
}#menu a:visited {
text-decoration: none;
color: #F00;
}#menu a:hover {
text-decoration: none;
}#menu a:active {
text-decoration: none;
}
#menu2 a:link {
color: #DA251D;
text-decoration: none;
}#menu2 a:visited {
text-decoration: none;
color: #F00;
}#menu2 a:hover {
text-decoration: none;
}#menu2 a:active {
text-decoration: none;
}
se poderem me ajudar vou ficar muito agradecido, preciso apresentar esse layout essa semana ainda...
obrigado.
Discussão (3)
Carregando comentários...