« 手書き認識Ajax | メイン | Bridge JS BUG? »
2005年09月25日
CSSでレイアウト
CSSでレイアウトしてもOKということで、やっているけど、Firefoxを基準でやる分には、普通に書けばできる感じ。
FirefoxでOKでもSafariだと画像がずれたりと謎の挙動。何か継承してはいけないものを継承しているのかも。
SafariをクリアしたらOpera 8。これは思わぬところ（メニュー）が動かない。display:block;入れれば無事に動いた。
Mac+IE5、ウィンドウをリサイズするだけでレイアウトが変わっていくよ（笑） 最後の手段があるから、これは最後。
Win+Firefoxは問題なし、Opera 8も問題なし。でもWin+IE6がNG。メニューが押せない・・・
display:block; の後にheight:100%がないとWin+IE6は駄目なんですねぇ。
サイドメニューがウィンドウの縦幅に合わせて、ずれ込むけどHTML Strictにしたら、まともに動かない。結局Transitionalに戻して今日はおしまい・・・
まだまだ先が長い．．．
■今日までにクリアした部分
１：ページ上でスタイルシート切り替えが可能に
２：携帯(D505i)でも普通に見られる（クライアントはFOMAだけどMOVAで見られれば問題なし）
３：ずれこむサイドメニュー（スクロール時にずれこんで画面固定するのは未解決）
■残っている課題
１：サイドメニューのロールオーバー
２：別スタイルシートの作成（コンパクトモード）
３：Ajaxによるページデータプレロード
４：Mac+IE5対策
５：サイドメニューの折りたたみとドラッグ
６：レイアウトの記憶（保存）
投稿者 openspc : 2005年09月25日 22:12