windows　safariのCSS崩れについて

windows safariによるCSSの崩れについて質問です。

windowsのsafariをお持ちの方がいましたら、
実際の崩れたページを見て頂きたいです。
是非、ご助言頂きたいです。

chromeなど他のブラウザ、またmac自身のsafariは正常に見ることが出来るのですが、
windowsのsafariはぐっちゃぐちゃになってしまいました。

ググってみると

lang
1html* #id {
2xxx:xxxx;
3}
4/*結局効きませんでした*/

このような感じで指定すると、safariに対応出来ると書いていたのですが、
実際当ててみると本来の原型も留めなくなってしまいました。

lang
1.xoxo {
2 -webkit-background:url(../xoxox/xoxo.jpg) no-repeat fixed;
3}
4/*これもダメでした*/

一応上記の方法も書いてみたのですが、いまいち変わりがありませんでした。汗

回避方法、
対処方法などございましたら、是非ご助言頂きたいです。
宜しくお願いします。

行動規範の内容に同意します

回答2件

関係があるかもしれないので気になった所を挙げます。

<!DOCTYPE html>の直前と</html>の直後にある改行
style.css内のマルチバイト文字の文字化け(Operaで確認。@charsetの指定とファイルの文字エンコード一致していないかもしれません)
異なる文字コードの指定

lang
1<!-- UTF-8 -->
2<meta charset="UTF-8">
3
4<!-- Shift_JIS -->
5<meta http-equiv="Content-Type" content="text/html; charset=shift-jis" />
6
7<!-- HTML5では特に理由が無い限り後者の指定は無くても大丈夫です -->

関係は無いかもしれませんが、念の為にこのあたりを確認してみると良いかもしれません。

投稿2015/06/30 13:23

flat

総合スコア617

flat

2015/06/30 13:24

回答して気付きましたがもう解決されてたんですね。失礼しました。

TChanger

2015/06/30 13:33

ご回答くださりありがとうございます！文字化けを教えてくださって感謝です。修正します！

行動規範の内容に同意します

ベストアンサー

Windows7,Safari5.1.7(7534.57.2)の WebInspectorで確認しましたところ、
section2-5までheghtが0となっています。
section1と同様heightを指定すると他のブラウザと同様になるかと思います。

追記です
Chromeで確認したところsection1はheight: 268px;となっていました。
Safariはheight: 719px; でした。

lang
1$(document).ready(function () {
2$('html,body').fadeIn(1000);
3//	alert($(document).width());
4var isTD = (document.ontouchstart !== undefined)? true : false;
5var hsize = $(window).height();
6if (!isTD) {
7	$(".section1").css("height", hsize + "px");
8} else {
9	$(".section1").css("height", "100%");
10}
11});
12$(window).resize(function () {
13hsize = $(window).height();
14$(".section1").css("height", hsize + "px");
15});