というわけで、レイアウト変更してしまいました。
暫定的にですが。また、元に戻すかもしれません。(苦笑)
今回変更したのは、どうもブラウザによってポジションタグの解釈がちがうので、違うものは仕方ないから、極力くずれてもいいようにという意図で変更を行いました。
ポジションタグの解釈のちがいですが、どうも絶対配置ではどれも変わらない表示で、相対配置をしたところだけずれていました。なので、相対配置部分がずれても影響のないレイアウトとなっておりますです、はい。ただし、自宅な環境では、ブラウザがie系しかないので、他でどのように見えてるかわかりませんが。(爆)
このレイアウト上では、左からカレンダーまでが絶対配置(absolute)となっており、エントリー部分は相対配置(relative)となっております。
なので相対配置側が表示ずれしても、それほど見苦しく無いということで。
【追記】相対配置していたバナーをとっぱらってしまったので、エントリー部分は単にマージン・レフトしかしてません。
ただ、ユーザビリティ的にはどうなんでしょうねー。ちょいと見にくいかな・・・。
まぁ、暫くこれで行きますわ。
TrackBack URL for this entry:
Listed below are links to blogs that reference this entry:
Comments
やっぱり、Safariで見るとレイアウトが崩れています。
最初にページ幅分のBOXを作って、その中にsidebar用のBOX作って、floatを左に設定し、エントリー用のmainのBOXを作って、floatを右に設定。
次にsidebar用のBOXの中に、menu用のBOX作って、floatを左に設定し、calendar用のBOXを作って、floatを右に設定。各BOXの最後はclearをbothで設定すれば問題なく表示すると思います。
ただし、Win版のIEはfloat設定時に勝手にmarginを6px前後設定するので各BOXは密着させずに10px程間隔を開けると良いと思います。
と、言っても自身のサイトはWin版のIEチェックをしてないので確実とは言えないのが辛いですが…。
ご連絡ありがとうございます。
やつぱり、くずれてますですかー。orz
やはり、BOX作ってfloatでやるしかないですかねー。
休みに挑戦してみます。^^;