- 締切済み
fixedで作ったフロートメニューを中央に配置するには
浮かせたaをbの位置に表示させたいのですが、aは左上に固定されてしまいます。 IE7では上手くいくのですが、FF3では思うように行きません。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>TEST</title> <style> html,body{margin:0;padding:0;width:100%;height:100%;} </style> </head> <body> <div style="max-width:780px;width:100%;margin:0px auto;text-align:center;border:solid 1px #AAAAFF;color:#AAAAFF;position:fixed;">a</div> <div style="max-width:780px;width:100%;margin:0px auto;text-align:center;border:solid 1px #FFAAAA;color:#FFAAAA;">b</div> </body> </html>
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- koke29
- ベストアンサー率58% (114/196)
こんにちは <body style="width:780px;"> にしたら、うまく重なって見えましたよ
- qualheart
- ベストアンサー率41% (1451/3486)
Firefox3.0.3で確認してみましたが、ちゃんとaとbが中央で重なって表示されましたよ。 ご報告まで。
お礼
あれ、なんで私のFF3.0.3はずれるんだろう・・・
補足
表示部分が780以下だと重なって見えるからそれでかな？ max-width:780px;の部分を400pxぐらいにしてみても重なって見えますか？
お礼
わぁ、なるほど～。 body{max-width:780px;margin:0px auto;} で、できました。 ありがとうありがとう。