livedoor ナレッジ

WINとMACでデザインが変わってしまいます。

初めて質問させていただきます。
初心者なので見当違いな表現があったらすいません。また以前同じような質問があったかもしれないのですが、自分では見つけられなかったので、よろしくお願いします。

今、livedoor blogのテンプレートをカスタマイズしてデザインをしているのですが、WIN+IE(6 & 7)で見る分には問題なく表示されているのですが、ＭＡＣ＋ＳＡＦＡＲＩで確認したところ、カラムが右にずれていたり、左カラムが消えていたりという現象が出ています。

なにか解決する方法はあるのでしょうか？
ちょっと質問の仕方もわかりづらいかもしれませんがよろしくお願いします。

Blogは

です。

　どのＯＳのどのブラウザーで見ても全く同じように見えるようにすることは現実的にに困難です。それは、各ブラウザーによって、文字の幅や高さが微妙に違ったりするからです。また、Win + IE は、CSS に対してあいまいで多少のCSS設定の間違いでも融通を聞いてくれますが、Firefox、Safari、NetscapeなどはきっちりとCSSを読み違ってくるとのことです。

という訳で、ご指摘のような現象が起こります。例えば、MAC＋Safariでカラムが左カラムが消えているというのは、どこかに横幅の大きすぎるところがあって下に落ちているのではないでしょうか。大きそうなところの横幅（width）を調節することで直せるのではないかと思います。例えば、次を参照されて検討下さい（多少の余裕を持たせることが必要と思います）。

http://helpguide.livedoor.com/help/blog/qa/grp42　（ヘルプにある「ブログのサイドバーが落ちる/ずれる」というＱ＆Ａです）

なお、ライブドアブログで使える推薦ブラウザーは、Win IE（6以降）、Win Firefox、Mac Firefoxの３つ、一部機能制限があるが使えるものは、Win Netscape（バージョン7以降）、Win Opera （バージョン8以降）、Mac Safariとのこと。

過去のログから次のＱ＆Ａが参考になると思いますのでご覧になって下さい。

http://knowledge.livedoor.com/3451

Safari もＭａｃも使ってないので、
見当違いだったらすみません。
（デザインを保存した上で作業下さい）

スタイルシートで以下の様に変更してみて下さい。

/*
#content ,
#pluginA {
    display: inline;
} 
        #pluginB {
    display: inline;
}
*/

#content{
    float: right;
    width: 440px;
    margin: 0 0 0 0;/*-640px;*/
    padding-bottom: 0px;
    text-align: left;
    position:relative;
    right:200px;
}
#pluginA{
    float: left;
    width: 175px;
    color:#999999;
    margin: 0 0 0 0;/*-845px;*/
    padding-bottom: 50px;
    background-color #352120;
}
#pluginB{
    float: right;
    width: 175px;
    color:#999999;
    margin: 0 0 0 0;/*-180px;*/
    padding-bottom: 50px;
    background-color #352120;
    position:relative;
    left:440px;
}