HOME 　»　 , , , , 　»　レイアウト崩れ修正（その2）

レイアウト崩れ修正（その2）

2004/11/11　|　Comments & Trackbacks : 2

昨日のコメントでやっぱりsafariでデザイン崩れがあるようだ、と教えて頂いたので、頭を抱えつつ、次の打開策を検索していた所、こちらのページにたどり着きました。

MSM-03Cさん：表示の崩れない3段カラム

左サイドバーとメインを専用の箱に入れてあげる事により、css対応ブラウザであればデザイン崩れが起こらなくなるとの事。
大きな2カラムの中に小さな2カラムを入れてあげる、という事みたいです。
基本的に3カラムというのは、どのブラウザでも綺麗に表示させる、というのは難しいみたいですね。
でもせっかく3カラムにしたんだし、あきらめずに頑張りたいヨ(｀･ω･´)

というわけで、わらにもすがる思いで早速やってみました。
ついでにアドバイスに従って、今まで「左カラム→本文→右カラム」の順に表示されるようにしていたのを、「本文→左カラム→右カラム」の順に表示されるように変更。
CSS非対応ブラウザの場合に、とりあえず本文から表示されるので、見る人に優しいとの事。
そんな事は思いもかけていなかったので、なるほどと感心してしまいました。
　
そんなこんなで作業終了。
IE6でいけそうなのを確認後、エラーでまくりだけどここしかない「ieCapture」で、チェックをかけてみました。
　
とりあえずIE系はオールクリア。safari・OPERA・Firefoxもどうにか見られるっぽいです。
今度こそ終わりだといいんだけど…。

引き続きIE系以外のブラウザをお使いの方からのご意見をお待ちしてます。
見た目崩れがありましたらコメントで是非教えてください。

Related Posts

Google Adsense

Comments & Trackbacks : 2

Response from reiko2004 年 11 月 12 日　8時07分

ほんとお疲れさまでした。ちゃんと表示されておりますよ。
いろいろ勉強にもなったようだしね。
すげーなあ。私は根性ないから、きっと途中放棄してたと思うな。

Response from もそ2004 年 11 月 12 日　9時01分

よかったぁ。
ちゃんと表示されてるって聞いて安心したよ。
長い道のりだったわ。
私も途中放棄したかったんだけど、一度はじめちゃうと何でもやめられないタチで（笑）