[Resolvido] Css - IE

[Danilo Robson RIbeiro 0]

Ola para todos, bom dia.

 

estou com um problema.

 

segue o codigo do meu index ( um pedaço dele!! )

 

<div id="topo" ></div>
<div id="topo2" ></div>
<div id="meio" >
<div id="galeria" class="pics" >
	<img src="_slide/1.jpg" width="200" height="472" />
       <img src="_slide/2.jpg" width="200" height="472" />
	<img src="_slide/3.jpg" width="200" height="472" />
	<img src="_slide/4.jpg" width="200" height="472" />

</div>
 <div id="menu" >
 <ul class="menu">
 <li > <a href="_pages/home.php" class="botaomenu"> HOME </a> </li>
  <li class="botaomenu"><a href="_pages/empresa.php"  class="botaomenu"> EMPRESA </a>  </li>
   <li class="botaomenu"><a href="produtos.php"  class="botaomenu"> PRODUTOS </a> </li>
   <li class="botaomenu" ><a href="_pages/localizacao.php"  class="botaomenu"> LOCALIZAÇÃO </a> </li>
   <li class="botaomenu"><a href="_pages/contato.php"  class="botaomenu"> CONTATO </a> </li>
</ul>

 </div>


 <div id="iframediv" ></div>
</div>
<div id="rodape" ></div>
<div id="baixo" ></div>

 

 

 

 

O js

 

 

$(function (){

$(".botaomenu").click(function (evento){
var x = $(this).attr("href");							
if (x == 'produtos.php'){ window.location = x ;}else{
evento.preventDefault();
$("#iframediv").load(x);}
});


$("#voltar").click(function () {
  window.location = 'index.php' ;
});
});


$(document).ready(function() {
   $('.pics').cycle({
	fx: 'turnDown', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	delay: -4000

});
});

 

 

e o css

 

 

@charset "utf-8";
/* CSS Document */

body { 
font-size:10px; 
font-family:Verdana, Geneva, sans-serif;
margin:0px;
background:url(../img/fundo.png);
background-repeat:repeat-x;
}

#topo { width:700px; height:30px;  margin-left:200px ; color:#FFF }
#topo2 { width:700px; height:150px;  margin-left:200px ; color:#FFF; background:url(../img/topo_divtopo.png) }
#meio { width:100%; height:472px;  color:#FFF;  }
#galeria { width:200px; height:472px; float:left; }
#menu { width:170px; float:left; background:url(../img/meio_menu.png); height:472px;}
#iframediv { width:530px; float:left; height:472px; }
#rodape { background:url(../img/baixo.png); width:700px; height:98px; margin-left:200px  }
#baixo { width:100%; height:104px ; background:url(../img/barro.png) ; text-align:center; background-position:top;color:#FFF;  text-align:center ; }



#conteudo { width:530px; height:472px; background:#fff; color:#000 }


.botaomenu { font-size:13px; color:#FFF; cursor:pointer ; margin-top:10px; text-decoration:none }
.botaomenu2 { font-size:14px; color:#F90; cursor:pointer ; margin-top:10px; text-decoration:none; margin-left:10px;  font-weight:bold }
.botaomenu3 { font-size:12px; color:#F90; cursor:pointer ; margin-top:10px; text-decoration:none; margin-left:110px;  font-weight:bold }

.botaomenu:hover { font-size:13px; color:#FFF; cursor:pointer; color:#0F0; margin-top:10px; }
.menu{ list-style-type:none }


#divmapa { margin-left:20px; height:350px; color:#000} 
#googleframe { color:#0000FF;text-align:left }

.pics { height: 472px; width: 200px; padding:0; margin:0; overflow: hidden }
.pics img { height: 472px; width: 200px;   background-color: #eee; top:0; left:0 }



#formcontato fieldset {border:none;}[
#formcontato fieldset legend{font-size:13px;}
#fieldset1 legend{font-weight:bold; color:#F90}
#fieldsetfilho1 { color:#F90 ; }
#titulo_form { font-size:14px; margin-bottom:10px; color:#F90 }
#imagem_contato { text-align:center ; float:left; width:230px;  margin-top:25%; margin-left:20px }
#formcontato {text-align:right ; float:left; width:250px; ; margin-top:5% }
.formularios { background:#FFF; border:#CCC 1px solid ; margin-top:15px }
.formularios:focus { background:#FFF8E8; border:#F60 1px solid ; margin-top:15px }

.botao_enviar { border:none; background-color:#F60; color:#FFF; cursor:pointer; font-weight:900;padding:4px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}

 

e a pagina que vou usar de exemplo, a que carrego ( contato.php )...

 

 

<div id="conteudo" >
<div id="imagem_contato" ><img src="img/contato.jpg" width="230" height="163" />
<p>
 Entre em contato conosco por e-mail através do site. Em breve retornaremos.
 </p>
</div>
<div id="formcontato" >


<form action="" method="POST" name="formcontato" onsubmit="return submit_page(this);">
<fieldset id="fieldset1">
<legend id="titulo_form">Formulário de contato.</legend>
<fieldset id="fieldsetfilho1">
<legend>Dados.</legend>
Nome: 
<input name="nome" id="nome" class="formularios" type="text"><br>
Telefone:
<input name="telefone" type="text" class="formularios" id="telefone" size="12" />
<br>
E-mail: 
<input name="email" class="formularios" type="text"><br>
Setor: 
<select name="setor" id="setor" class="formularios">
<option value="agromatao@agromatao.com.br">Vendas</option>
<option value="jessica@agromatao.com.br">Financeiro</option>
<option value="agromatao@agromatao.com.br">Compras</option>
</select>
</fieldset>
<fieldset id="fieldset2">
<legend>Mensagem.</legend>
<textarea name="mensagem" cols="20" rows="8" class="formularios"></textarea>
</fieldset>
<input value="Enviar" name="enviar" class="botao_enviar" type="submit">
</fieldset>
</form>

</div>
</div>
<script type="text/javascript" >
$(function (){
     $.mask.definitions['~']='[+-]';
  $('#telefone').mask('(99) 9999-9999');
  $("input").corner("5px") ;
  $("select").corner("5px") ;
  $("textarea").corner("10px") ;
  });
</script>

 

 

o problema é...

 

 

tenho a div de id divframe, la carrego as paginas..

 

no firefox e no chrome tudo certo..

mas na &%&@) do IE nao carrega o css...

 

 

se alguem puder me ajudar eu ficaria muito feliz!!!!!!

 

abraços a todos.

[William Bruno 1501]

no firefox e no chrome tudo certo..

mas na &%&@) do IE nao carrega o css...

como assim não carrega?

 

não fica redondo? não funciona o plugin ?

viu se a demonstração do plugin funciona no IE ?

 

Está usando DOCTYPE? validou a sua marcação ?

 

 

Eu pessoalmente, estou cansado de ver pessoas reclamando do IE, e o erro ser delas, do script delas, e não culpa do navegador.

[Danilo Robson RIbeiro 0]

Rapaz, ta certo.. nao falerei mais mal do IE, mas se puder me ajudar..

 

o que ocorre é o seguinte..

 

as divs nao ficam alinhadas..

 

a cor do texto.. cor da borda .. nao aparece...

 

 

é como se nao houvesse o css na pagina que carrego, no caso a contato.php ..

 

 

se no css principal coloco..

 

#iframediv input { propriedades ... }

 

 

ele entende....

 

mas se tnho uma div dentro do contato.php como a div de id conteudo

 

 

#conteudo { propriedades } nao funciona...

 

 

 

rapaz to perdido com isso.. me ajude a achar meu erro por favor..

 

 

abrços

[Danilo Robson RIbeiro 0]

Rapaz resolvi, obrigado por tentar me ajudar, problema estava no css.