- 締切済み
CSSのposition：fixedでIE6にも対応させたい Part.2
前回の質問でアドバイスを元に作ってみました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>XYXYXYXYXY</title> <style type="text/css"> * { margin:0; padding:0; color:#FFFFFF; } body { background-color:#000000; text-align:center; } div#pagebody { width:684px;margin:25px auto; } span#a1 { position: fixed; bottom:50px; left:0px; right:0px; } h1 { font-size:44px; font-weight:bold; padding:25px; } div#left { width:342px; float:left; } div#right { width:342px; float:right; } </style> <!--[if lt IE 7]> <style type="text/css"> html {overflow: hidden;} body { height: 100%; overflow: auto; } span#a1 { position: absolute; } </style> <![endif]--> </head> <body> <div id="pagebody"> <h1>XXXXXXXXXX</h1> <div id="left">XYXYXYXYXY</div> <div id="right">XYXYXYXYXY</div> <div id="left">XYXYXYXYXY</div> <div id="right">XYXYXYXYXY</div> <table width="480" height="2000" border="1" cellspacing="5" cellpadding="5"> <tr> <td> </td> <td> </td> </tr> </table> <span id="a1"><a href="#"><img src="3top.jpg" width="240" height="95" border="20"></a></span> </div> </body> </html> 上記でFirefoxはほぼ完璧のようです。 jpgが見れませんが実際jpgを用意すると見れます。 （tableが何故かセンタリングしていませんが、、、スクロールバーで確認するためにtableを入れただけです。） 問題のIE6です。 IE6ではセンタリングが全く作用していません。 （tableは何故かセンタリングが作用しています、、、スクロールバーで確認するためにtableを入れただけです。） かなりの初心者なので何故XHTMLが出てきたのかさっぱり理解できませんが あとはIEのセンタリングだけなのでアドバイスお願いします！
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- DrFell
- ベストアンサー率55% (305/551)
>かなりの初心者なので何故XHTMLが出てきたのかさっぱり理解できませんが >あとはIEのセンタリングだけなのでアドバイスお願いします！ うーんと、論理的なアドバイスは全くの無駄です。という風に読めますね。 では、kendooさん向きのアドバイスを センタリングを指示するタグとプロパティの組み合わせは「２つ」利用されています。それらを探し出し、消したりつけたり交換したりしてください。 文法違反だらけなのに、センタリングだけらしいので、センタリングさえできれば、ぐちゃぐちゃのものを承知で発表されるのかな？ >かなりの初心者なので何故XHTMLが出てきたのかさっぱり理解できませんが こんなの嘘ですよ。初心者ならもっとまともな物を書きます。せめて、初心者になられることを、初心者なら初心者らしく、基本から学ばれることをお奨めします。 文法チェックのページをご紹介しますね。 http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
- yosoho
- ベストアンサー率59% (19/32)
すいません、kendooさんの「前回の質問」がみつかりません。 どうされたいのかをもう一度お聞かせできないですか？ position: fixed;はIE6.0、7.0でサポートされてないので、 なにか他に方法は無いかなと思いましたもので・・・。
お礼
ありがとうございます！！ part.1 http://oshiete1.goo.ne.jp/qa4437286.html さらに修正してPart.3を質問してみました！ http://oshiete1.goo.ne.jp/qa4453435.html アドバイスありましたらよろしくお願いいたします！