safari, problema con attributo style

**fre2004** · 08-02-2008, 14:24

salve,

sto vedendo una cosa molto strana testando il mio sito attraverso gl screenshot di safari.

se metto lo style in div nella pagina index.html safari non da problemi.

se pero metto le varie impostazioni dentro un file css, safari non le richiama, e perdo il background, il float, e cosi via.

come è possibile???

**Myaku** · 08-02-2008, 14:25

posta codice o link alla pagina

**fre2004** · 08-02-2008, 14:50

codice pagina

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="/templates/fre_theme/css/template_css.css" rel="stylesheet" type="text/css" />



 

 

<!--[if lt IE 7]>

<link href="<?php echo $mosConfig_live_site;?>/templates/fre_theme/css/ie.css" rel="stylesheet" type="text/css" />

<![endif]-->

 <!--[if lt IE 7]>

<script defer type="text/javascript" src="/templates/fre_theme/lib/png/pngfix.js"></script>

<![endif]-->

 

     

</head>



<body>

<div style="height:30px; background:#000000  ;   width:100%;   margin-bottom:2px; padding-top:10px  ">

<div style="margin:auto; width:750px; overflow:hidden">



<div style="float:right; width:400px">

<?php mosLoadModules ( 'advert2',-2 ); ?></div>

<div style="float:left; width:200px">

e</div>





</div>

</div>

  

  <div   style=" margin:auto;  width:800px; margin-top: 10px; overflow:hidden;   ">

  <div style="float:left; width:100%">

   



  

  <div style="  float:right; width:350px; margin-right:30px; padding-right:10px; padding:2px; margin-top:10px; text-align:right">

  <div id="homeb" style=" display:none; float:left; width:200px; margin-top:85px; text-align:left;   background:#FF0000; padding:2px; padding-left:5px; color:#FFFFFF; font-family:'Trebuchet MS', Tahoma, Arial; font-size:16px ">&laquo; Back to Home</div>   

 

  </div>

  <div id="logo" style="float:left; width:300px; margin-left:20px; margin-top:10px"><?php mosLoadModules ( 'advert1',-2 ); ?>

</div>

    </div>

  <div id="top" style="float:left; width:100%; background:url(/templates/fre_theme/images/top.png) no-repeat; margin-top:10px; height:60px">

  <?php if (mosCountModules( 'user3' )) { ?> 

   <div id="top_left"><?php mosLoadModules ( 'user3',-2 ); ?></div><?php } ?>

   

   

  <div id="top_right"><?php mosLoadModules ( 'user1',-2 ); ?></div></div>

<div id="container" style="float:left; width:100%; background:url(/templates/fre_theme/images/bg_bg.png) repeat-y;">

  <div style="margin:auto; width:700px; "><?php mosMainBody(); ?>



  </div>

</div>

   <div  id="bottom" style="float:left; width:100%; background:url(/templates/fre_theme/images/bottom.png) no-repeat; height:60px">

     

   </div>

      <div id="footer" style="float:left; width:100%;;  ">

        <div id="bot1">xxxx<a href="xxxx</a></div>

    </div>

      <div id="footer2" style="float:left; width:100%;;  ">

        <div id="bot2"><?php mosLoadModules ( 'user2',-2 ); ?></div>

    </div>



   <div style="float:left; width:100%;   height:50px"></div>



  </div> 

<div class="fx"> 

  <div style="margin:auto; width:750px">

 

 <div style="float:right; width:750px; background:none; "> <div style="float:left; width:460px; padding-top:7px;">

   <div align="left">[url="http://www.fretheme.com/component/option,com_docman/Itemid,28/"]Looking for our free Extensions?[/url] - 

     xxxx   </div>

    </div>

 <div style="float:right; width:250px">[url="http://validator.w3.org/check?uri=referer"][img]<?php echo [/img]xhtml.png" alt="XHTML1.0" width="100" height="30" />[/url]  [url="http://jigsaw.w3.org/css-validator/check/referer"][img]<?php echo [/img]css.png" alt="CSS" width="100" height="30" />[/url]</div>

   

   

    </div>

    

</div></div>   



</body>

</html>

css

codice:

@charset "utf-8";
/* CSS Document */
.dogear{ position:fixed; bottom:0px; right:0px; width:200px; height:100px; padding:10px}
 body{ background: #000000 url(../images/poster.jpg) top left repeat fixed;   color:#666; font-family:tahoma, Arial; font-size:14px}
h1{ font-family:"Trebuchet MS", Tahoma, Arial; font-size:24px; color: #FF0066    ; margin-bottom:10px; border-bottom:1px solid #CCCCCC;   padding-left:10px; padding-right:10px; padding-bottom:0px; padding-top:3px; width: auto  }

 h2{ font-family:"Trebuchet MS", Tahoma, Arial; font-size:18px; color:#FF0066; margin-bottom:10px; border-bottom:1px solid #CCCCCC;  }
  h3{ font-family:"Trebuchet MS", Tahoma, Arial; font-size:16px; color: #0099FF; margin-bottom:10px; border-bottom:1px solid #CCCCCC;  }

.borderim{ border-right:1px solid #CCCCCC;  }.pad{ padding-left:5px}

#cart h3{font-family:"Trebuchet MS", Tahoma, Arial; font-size:18px; color:#FF0066; margin-bottom:0px; border-bottom:1px solid #CCCCCC;  }

.inputbox{ border:2px solid #CCCCCC} .reg_form{ color:#333333; font-size:14px; font-variant:normal}
img{ border:0px}*{ margin:0px; padding:0px}
    a{ color:#0099FF; text-decoration:underline}
   a:hover{ color:#0099FF; text-decoration:none}


#topmenu   a{ color:#0099FF; text-decoration:underline}
#topmenu   a:hover{ color:#0099FF; text-decoration:none}

.h3r{ color:#0099FF; font-family:"Trebuchet MS", Tahoma, Arial; font-size:18px; border-bottom:1px solid #CCCCCC; margin-bottom:3px}

#footer p{ margin-bottom:3px}


 #bot1{background: url(/templates/fre_theme/images/bg_tra_black.png) repeat;float:right; margin-right:50px;; text-align:right; padding:3px; padding-right:10px;width:300px;# }
 #bot2{margin-top:3px; background: url(/templates/fre_theme/images/bg_tra_black.png) repeat;float:right; width:320px; margin-right:60px;; text-align:left; padding:3px; padding-left:10px}

ul#mainlevel{ list-style:none;list-style-type:none;} ul#mainlevel li {display: inline;  padding-right:5px}
ul#mainlevel-top2{ list-style:none;list-style-type:none;} ul#mainlevel-top2 li {  display: inline;  padding-right:5px}
ul#mainlevel-top2 li a{ background:#000; padding:2px; margin-bottom:3px;  padding-bottom:3px; color:#FF0066 ; text-decoration:none; font-family:"Trebuchet MS", Tahoma, Arial; font-size:16px}
.mainlevel-top2 { padding-bottom:3px; color:#fff ;   font-family:"Trebuchet MS", Tahoma, Arial; font-size:18px}
.moduletable h3{ font-family:"Trebuchet MS", Tahoma, Arial; font-size:18px}

div.componentheading{ font-family:"Trebuchet MS", Tahoma, Arial; font-size:24px; color: #FF0066   ; margin-bottom:10px; border-bottom:1px solid #CCCCCC;   padding-left:10px; padding-right:10px; padding-bottom:0px; padding-top:3px}

  #in_bottom{margin:5px; padding-bottom:5px;}
#bottom h3{ color:#0099FF; border-bottom:1px dotted #333333}

.moduletable-login{ text-align:right}
 .moduletable-login h3{ background:#000000; padding:2px; color:#FFFFFF; font-family:"Trebuchet MS", Tahoma, Arial; font-size:18px ; margin-bottom:10px; padding-right:5px}
 
 .inputbox_login{ border:2px solid #CCCCCC;  color:#FFFFFF; background:#000000}
 .contentpaneopen{ width:100%}
 .message{ background:url(../images/bg_tra_red.png) repeat; color:#fff; padding:3px;padding-left:10px; margin-bottom:10px; }
.moduletable-usermenu a{ color:#FF0066}
.contentheading{ font-size:18px; color:#0099FF; font-family:"Trebuchet MS", Tahoma, Arial;}


#top_right{float:right; width:350px ; text-align:right; margin-right:64px; margin-top:20px; background:none}
#top_left{float:left; width:300px ; text-align:left; margin-left:50px; margin-top:20px; background:none}
.fx{height:40px; padding-top:5px; background-image: url(/templates/fre_theme/images/bg_tra_black.png); background-repeat:repeat; position:fixed; bottom:0px; width:100%; left:0px}

come vedi niente di complicato. l' unica cosa che posso dirti è che è un temlate per joomla

**Myaku** · 08-02-2008, 14:55

premetto, non mi sono soffermata su tutto il codice

codice:

<link href="/templates/fre_theme/css/template_css.css" rel="stylesheet" type="text/css" />

prova a togliere la prima / dall'href

**fre2004** · 08-02-2008, 15:15

non credo sia quello il problema. cmq non va.

aggiungo una info.

la pagina ha un link al file template_css. queto css poi, fa due @import ('ccc.css')

verso due file css.

magari serve.

Discussione: safari, problema con attributo style

Strumenti discussione

Ricerca discussione

Visualizza

safari, problema con attributo style

Permessi di invio