Jump to content

  2. →
  3. →

Photo

Css + Incompatibilidade

Started By Duh Sangali, 02/05/2011, 11:13

  • Faça o login para participar
2 replies to this topic

#1 Duh Sangali

Duh Sangali

    Turista

  • Usuários
  • 40 posts
  • Sexo:Masculino

Posted 02/05/2011, 11:30

olá.
estou fazendo um site de uma imobiliária, e na pagina single estava certinha no chrome... porém ao testar no mozilla ou no IE, o css foi pro espaço.

Gostaria de saber o que posso fazer para solucionar esse problema.
Segue o link e os scripts:

http://www.expertize...cial&imovel=149

CSS

#single{padding:10px; background:#FFF; margin-bottom:5px; float:left; width:840px;}
#principal {

}
#single h1{font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:bold; color:#005789; padding:5px; background:#F4F4F4; margin-bottom:10px; style="-moz-border-radius: 5px; /* Para Firefox */
-webkit-border-radius: 5px; /*Para Safari e Chrome */
border-radius: 5px; /* Para Opera 10.5+*/"}

#single .navegar ul{list-style:none; margin:0; padding:0; float:left;}
#single .navegar ul li{display:inline; float:left; margin:5px 5px 15px; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }
#single .navegar ul li a{color:#333;}
#single .navegar ul li a:hover{color:#069;}
#single .navegar ul li img{float:left; margin-right:5px;}
#single .exibicao{padding:5px; border:1px #999; background:#F4F4F4;}
#single .carosel{display:block; margin:5px 0 0 1px; padding:0; list-style:none;}
#single .carosel img{margin:0; padding:0; border:0;}
#single .carosel img:hover{background:#069;}
#single .carosel li{display:inline; float:left; margin:0 4px 0 0px; width:65px; height:49px; padding:1px; border:1px solid #069; overflow:hidden;}
#single .carosel li:hover{border:1px solid #999;}
#single .carosel .nav{width:auto; height:auto; border:0; padding:0;}
#single .carosel .nav:hover{border:none;}


#single .single_left{width:414px; float:left; background:#; padding:3px style="-moz-border-radius: 5px; /* Para Firefox */
-webkit-border-radius: 5px; /*Para Safari e Chrome */
border-radius: 5px; /* Para Opera 10.5+*/"}
#single .icon{float:left; margin-right:5px;}
#single .single_left form{float:left; margin-top:10px;}
#single .single_left fieldset{border:none;}
#single .single_left legend{font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#333; margin-bottom:5px;}
#single .single_left span{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-variant:small-caps; color:#333; display:block;}
#single .single_left input{display:block; padding:5px; width:384px; border:1px solid #CCC; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#single .single_left textarea{display:block; padding:5px; width:384px; border:1px solid #CCC; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#single .single_left label{display:block; margin:5px 0;}
#single .single_left .btn{width:100px; height:30px; color:#069; font-weight:bold; display:block; margin:0 auto; cursor:pointer;}
#single .single_left .btn:hover{color:#fff; background:#069;}

#single .single_right{width:410px; float:right; padding:5px; }
#single .single_right h4{font:18px, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; font-variant:small-caps;}

#single .info{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#069; float:left; width:390px; background:#f4f4f4; style="-moz-border-radius: 5px; /* Para Firefox */
-webkit-border-radius: 5px; /*Para Safari e Chrome */
border-radius: 5px; /* Para Opera 10.5+*/"}
#single .info strong{color:#333;}

#single .descricao{font:14 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:10px 0; float:left; width:400px; style="-moz-border-radius: 5px; /* Para Firefox */
-webkit-border-radius: 5px; /*Para Safari e Chrome */
border-radius: 5px; /* Para Opera 10.5+*/"}

#single .itens ul{overflow:hidden; list-style:square; margin:0 20px; font:14px "Courier New", Courier, monospace; font-weight:bold; color:#069; float:left; width:400px; style="-moz-border-radius: 5px; /* Para Firefox */
-webkit-border-radius: 5px; /*Para Safari e Chrome */
border-radius: 5px; /* Para Opera 10.5+*/"}
#single .itens ul li{margin:3px 0;}

#single .facilidades{font:14px Arial, Helvetica, sans-serif; color:#333; width:400px;}
#single .facilidades strong{font-variant:small-caps; margin:10px 0; float:left; width:400px; font-size:18px;}

#single .endereco{padding:10px; background:#333; color:#FFF; float:left; width:380px; margin:10px 0; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; style="-moz-border-radius: 5px; /* Para Firefox */
-webkit-border-radius: 5px; /*Para Safari e Chrome */
border-radius: 5px; /* Para Opera 10.5+*/"}

#single{padding:10px; background:#FFF; margin-bottom:5px; float:left; width:840px;}
#single h1{font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:bold; color:#005789; padding:5px; background:#F4F4F4; margin-bottom:10px;}

#single .navegar ul{list-style:none; margin:0; padding:0; float:left;}
#single .navegar ul li{display:inline; float:left; margin:5px 5px 15px; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }
#single .navegar ul li a{color:#333;}
#single .navegar ul li a:hover{color:#069;}
#single .navegar ul li img{float:left; margin-right:5px;}
#single .exibicao{padding:5px; border:1px #999; background:#F4F4F4;}
#single .carosel{display:block; margin:5px 0 0 1px; padding:0; list-style:none;}
#single .carosel img{margin:0; padding:0; border:0;}
#single .carosel img:hover{background:#069;}
#single .carosel li{display:inline; float:left; margin:6px; width:65px; height:49px; padding:1px; border:1px solid #069; overflow:hidden;}
#single .carosel li:hover{border:1px solid #999;}
#single .carosel .nav{width:auto; height:auto; border:0; padding:0;}
#single .carosel .nav:hover{border:none;}


#single .single_left{width:414px; float:left; background:#CCC; padding:3px}
#single .icon{float:left; margin-right:5px;}
#single .single_left form{float:left; margin-top:10px;}
#single .single_left fieldset{border:none;}
#single .single_left legend{font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#333; margin-bottom:5px;}
#single .single_left span{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-variant:small-caps; color:#333; display:block;}
#single .single_left input{display:block; padding:5px; width:384px; border:1px solid #CCC; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#single .single_left textarea{display:block; padding:5px; width:384px; border:1px solid #CCC; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#single .single_left label{display:block; margin:5px 0;}
#single .single_left .btn{width:100px; height:30px; color:#069; font-weight:bold; display:block; margin:0 auto; cursor:pointer;}
#single .single_left .btn:hover{color:#fff; background:#069;}

#single .single_right{width:410px; float:right; padding:5px; }
#single .single_right h4{font:18px, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; font-variant:small-caps;}

#single .info{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#069; float:left; width:390px; background:#f4f4f4;}
#single .info strong{color:#333;}

#single .descricao{font:14 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:10px 0; float:left; width:400px;}

#single .itens ul{overflow:hidden; list-style:square; margin:0 10px; font:14px "Courier New", Courier, monospace; font-weight:bold; color:#069; float:left; width:400px;}
#single .itens ul li{margin:3px 0; text-align:left}

#single .facilidades{font:14px Arial, Helvetica, sans-serif; color:#333; width:400px;}
#single .facilidades strong{font-variant:small-caps; margin:10px 0; float:left; width:400px; font-size:18px;}

#single .endereco{padding:10px; background:#333; color:#FFF; float:left; width:380px; margin:10px 0; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;}

Valeu, Abraço

esqueci de colocar o html... Segue abaixo

<script type="text/javascript" src="js/shadowbox_js/shadowbox.js"></script>
<link rel="stylesheet" type="text/css" href="js/shadowbox_js/shadowbox.css">
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script type="text/javascript">
Shadowbox.init({
language: 'pt',
players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv'],
});
</script>

<link href="single_css.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<div id="single">

<?php include"single_func.php";?>
<?php include "admin/sistema/scripts.php" ?>
<?php include "admin/js/scripts.php" ?>

<h1><?php get_Titulo();?></h1>

<div class="navegar">
<ul>
<?php echo get_clienteDados(); ?>


<li><img src="images/print.png" alt="" /><a href="#" onclick="window.print();">Imprimir anúncio</a></li>

<li></li>
</ul>
</div>

<div class="single_left" style="width:414px; float:left; background:#CCC; padding:3px">

<?php get_Thumb(); ?>

<ul class="carosel">
<?php $tamanho ='65';?>


<?php get_Galeria(); ?>


</ul>




<form name="cliente_contato" id="cliente_contato" method="post" action="contato/enviar.php" enctype="multipart/form-data" onsubmit="window.open('','pop','scrollbars=no,width=600,height=200'
)" target=pop>
<legend><img src="images/contact.png" alt="Contate o cliente" class="icon" />Mostrar interesse:</legend>

<label> <span>Nome:</span>
<input type="text" style="-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/" name="nome" id="nome" size="50" />
</label>

<label>
<span>Email:</span>
<input type="text" style="-moz-border-radius: 6px; /* Para Firefox */
-webkit-border-radius: 6px; /*Para Safari e Chrome */
border-radius: 6px; /* Para Opera 10.5+*/" name="email" id="email" />
</label>

<label>
<span>Telefone:</span>
<input type="text" style="-moz-border-radius: 6px; /* Para Firefox */
-webkit-border-radius: 6px; /*Para Safari e Chrome */
border-radius: 6px; /* Para Opera 10.5+*/" name="telefone" id="telefone" />
</label>

<label>
<span>Mensagem:</span>
<textarea name="mensagem" style="-moz-border-radius: 6px; /* Para Firefox */
-webkit-border-radius: 6px; /*Para Safari e Chrome */
border-radius: 6px; /* Para Opera 10.5+*/" id="mensagem" rows="3"></textarea>
</label>

<input type="hidden" name="idDoCliente" value="<?php get_clienteId();?>" />

<input type="submit" style="-moz-border-radius: 6px; /* Para Firefox */
-webkit-border-radius: 6px; /*Para Safari e Chrome */
border-radiborder-radius: 10px; /* Para Opera 10.5+*/"name="contato_site" value="Fale conosco" class="btn" />


</form>


</div>


<div class="single_right">

<div class="info">


<?php

$imovelId = @$_POST['imovelId'];

?>
<?php get_Detalhes(); ?>

</div><!--info-->

<div class="descricao">
<strong>Descrição:</strong>
<?php get_Descricao();?>

</div>

<div class="itens">

<ul>

<?php get_Itens(); ?>

</ul>
</div>

<div class="facilidades">
<strong>Facilidades do Imóvel:</strong>
<?php get_Facil(); ?>
</div>


<div class="endereco">
<?php get_End();?>

</div>

</div><!--Fecha single right-->


</div>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
</script>

#2 Diego Bezerra

Diego Bezerra

    Diego Bezerra

  • Moderadores
  • 938 posts
  • Sexo:Masculino
  • Localidade:Amazonas
  • Interesses:Iniciando no C# com MSSQL.

Posted 02/05/2011, 11:55

tenta usar um import 
<style type="text/css">
@import url("template.css");

</style>


obs: o caminho seu css ta errado ele nã oesta no lugar certo

colca o caminho completo tipo assim

<style type="text/css">
@import url("http://localhost/cma11/css/style.css");

</style>

Edição feita por: Diego Bezerra, 02/05/2011, 11:58.

Att.
Diego Bezerra
Agência Kernel - em Breve
Email/msn: diegobezerra@outlook.com
Facebook

#3 Duh Sangali

Duh Sangali

    Turista

  • Usuários
  • 40 posts
  • Sexo:Masculino

Posted 02/05/2011, 12:39

opa, então, tentei isso ae tb.. mas nada feito...
continua espalhada a formatação..
Voltar para HTML, CSS e Metodologias


0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq