safari, problema con attributo style

fre2004

safari, problema con attributo style

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???

[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="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" />

</head>

</div>
</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>
</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>
<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"><a target="_self" href="/component/option,com_docman/Itemid,28/">Looking for our free Extensions?</a> -
xxxx </div>
</div>
<div style="float:right; width:250px"><a href="validator.w3.org/check?uri=referer"><img src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>xhtml.png" alt="XHTML1.0" width="100" height="30" /></a> <a href="w3.org/css-validator/check/referer"><img src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>css.png" alt="CSS" width="100" height="30" /></a></div>

</div>

</div></div>

</body>
</html> [/html]

css:


@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;  }  h3{ font-family:"Trebuchet MS", Tahoma, Arial; font-size:16px; color: #0099FF; margin-bottom:10px; border-bottom:1px solid;  }.borderim{ border-right:1px solid;  }.pad{ padding-left:5px}#cart h3{font-family:"Trebuchet MS", Tahoma, Arial; font-size:18px; color:#FF0066; margin-bottom:0px; border-bottom:1px solid;  }.inputbox{ border:2px solid} .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; 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:   ; margin-bottom:10px; border-bottom:1px solid;   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;  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}

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.

karedas

Ciao fre2004

Premetto che non ho Safari quindi non potrei testarlo in modo facile e risolutivo.

Però potrebbe essere un problema che posso comunque vedere tramite Firefox se mi inserisci un link inattivo in modo da caricare la pagina e controllare in modo appropriato gli errori.

Attualmente non posso poichè il tuo HTML/PHP richiama appunto delle variabili e dei file in php che per forza di cose non posso visualizzare e in principio mi genera quindi degli errori da parte di Apache.

Quindi se puoi aiutarmi per essere aiutato vediamo di risolvere

Ciao!

millone82

riporto su questa discussione, anche se un po' datata, perchè ho avuto più o meno lo stesso problema.

Safari fa casino quando si trova la dichiarazione del charset.
Togliendola si dovrebbe vedere tutto correttamente.

Sperando di esservi stato utile vi saluto.

D.