- ベストアンサー
XHTML作成でレイアウトがボロボロです。
よろしくお願いいたします。 初めてXHTMLで作成しました。完成していつも使用しているIE6で確認したところ大丈夫だったのですが、 Opera Fire fox IE7 macIE6 で確認したところ レイアウトがボロボロにくずれていました、、、、、 具体的には配置していた写真がおおきくずれていました。 しかし、どの部分を修正したらいいのかわかりません。もうすぐ提出しないといけないのでかなりあせっています。 これだけの説明ではわからないかもしれませんが、何かヒントでも ありましたらアドバイスよろしくお願いいたします。 また 上記以外のブラウザーでも確認が必要なブラウザーがありましたら 教えて下さい。 それと、あまりに昔のブラウザーはもう無視すればいいのでしょうか？ （ここのokwaveもIE5でみるとトップのレイアウトが崩れているのですが） よろしくお願いいたします。
- muku101681
- お礼率37% (75/202)
- HTML
- 回答数6
- ありがとう数3
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
がると申します。少しだけ補足を。 拝見しているかぎりですと、恐らく作成されているXHTML(及び、恐らくはCSS)は「IE６準拠」の作りであって「標準準拠」のつくりではないように思われます。 標準が常に正しいわけではないのですが。現状、IE7まで見据えて考えるに、やはりW3C準拠には一定の理があるように思われます。 お調べになるときのヒントにでもなれば幸いです。
その他の回答 (5)
JavaScriptでブラウザを判別してCSSを変えることができるけどユーザーの設定によっては機能しない。 同様にPerl、PHPでもできるけどこの場合吐き出すソース自体を選択させることが出来てユーザーの設定に左右されにくい。 こんなことをご存知でしたらこの回答は無視してください。 ヒントが欲しいと書かれていましたのでお邪魔しました。
- pi8027
- ベストアンサー率11% (6/53)
>知らない事が多すぎて申し訳ないのですが、標準準拠のつくりとは >どうゆうつくりの事なのでしょうか？ >もしそうゆうのが説明されてるサイトなどありましたら教えていただけますでしょうか？ 取り敢えず正しいHTML/XHTMLの解説を列挙してみる。 ・http://web.xii.jp/ ・http://www.scollabo.com/banban/ ・http://members.jcom.home.ne.jp/jintrick/Personal/markup.html ・http://pasokon-yugi.cool.ne.jp/website_kouza/ ・http://elastic965.80code.com/
- galluda
- ベストアンサー率35% (440/1242)
がるです。 標準にかんしては、W3Cという物を調べていただけると。 具体的には、日本語訳は http://www.w3.org/Consortium/Translation/Japanese からご覧いただけます。 ………ただ、かなり難しい書き方してるのでご注意ください(苦笑 書籍ですと、 Web標準の教科書─XHTMLとCSSで作る“正しい”Webサイト 益子 貴寛（ましこ たかひろ）著 株式会社秀和システム 出版 ISBN:4-7980-1092-8 が、とりあえず割合によい書籍かと。
- 345itati
- ベストアンサー率48% (795/1639)
とりあえずMacではOSに標準搭載されている (OS X 10.3以降 Safariでも確認された方が宜しいかと。 Mac IE5(IE6は間違いですよね^^;)はもうDLサービスもサポートも終了しているブラウザなので、Firefoxなどに乗り換えている方が多いと思われます。
お礼
Mac IE6ってのは間違いです、すいません。 とりあえずSafariで確認してみます！ありがとうございます。
- pi8027
- ベストアンサー率11% (6/53)
レイアウトの方法はCSSとテーブルのどちらですか？ 蛇足、Fire foxではなくFirefoxです。FireFoxなどと書く人も居ますが、其れは間違いです。
お礼
ありがとうございます。レイアウト方法はcss+XHTMLでテーブルは使用していません。 とりあえずマージンを使わずに絶対値指定でレイアウトしてなんとか、、、なのですが、それでも Operaだけはマージンで位置指定せずに絶対値指定でもくずれてしまいます。。 Operaは何か特殊なのでしょうか？ それと絶対値指定を多様してレイアウトすると簡単なのですが、その 方法を使うのは何か問題とかありますでしょうか？ 質問ばかりで申し訳ないです
関連するQ&A
- HP作成中。Chromeブラウザのみレイアウト崩れ
見よう見まねで結構古くからＨＰ造りをしています。 今は、レスポンシブデザインでのショップ作り中です。 ＨＰ造りながら、色々なブラウザでも表示状態を確認していますが、 いつもいつもＩＥの常用者でGoogle Chromeでの表示確認を怠っていました。 現在のＨＰはパソコン画面では、ＩＥ，サファリ、ファイアーフォックスで綺麗にレイアウトが出来ています。 ただ、Google Chrome ブラウザだけパソコン画面では、 トップから２段目の折り畳みのアコーディオンメニューが上下に２段になってしまいます。 他のブラウザでは問題なく１段に収まります。 http://www.waterplanet.jp/ 何分、ネットでの独学勉強のＨＰ造りなので、このChrome表示の修正を思い付きません。 どなたか、独学勉強の者に判り易く、適切なアドバイスをして戴ければ有難いです。 どうかご協力を宜しくお願い致します。 山田と言います。
- 締切済み
- CSS
- XHTML+CSSレイアウトについて
段組レイアウトで画像を配置しているのですが、画像の上側部分に空白が出来て しまいます。（IE6で確認すると） 他のブラウザ（Opera+mozila+News)ではきちんと空白が詰めております。 現状で空白を詰めるにはどのようにしたら良いでしょうか？ 「具体的なソース」 http://www.geocities.jp/travelxstory/test/test.html http://www.geocities.jp/travelxstory/test/css001.css 真中のabout画像と上の赤い線の間に空白が出来てしまいます。 勿論、マージン等も設定してIE以外のブラウザではきちんと詰まって表示されます。なぜか上部のaboutだけは正常に空白なしで詰まっております。 現状のXTHML+CSSで画像の空白を詰めるにはどのようにしたら良いでしょうか？
- 締切済み
- HTML
- HP作成におけるブラウザについて（初心者です。）
MAC(10.4.11)でHPをcssを使用して作成しています。 HP作成に伴い購入した本には 「FIRE FOX、safari、operaの三種類はブラウザは同じように標準規格に準拠しているため、どれか一つのブラウザで表示を確認すれば、大抵の他のブラウザでも表示が崩れることはありません。」 と書いてあったのですが、fire fox(ver.3.5.1)ではきれいに表示されるのにsafari(4.0.2)では微妙に崩れてしまいます。 どうしてでしょうか？？ また、IEは5.5しか持ってないのですがほとんど崩れて表示されます。 IEの場合はどのバージョンに合わせて作るのがベターなのでしょうか？ とっても困ってます。 どなたか教えてください！ よろしくお願いします！
- ベストアンサー
- その他（インターネット・Webサービス）
- fire fox レイアウトが崩れる
昨日33.1を追加インストールしたら作ったホームページのレイアウトが崩れました。 今まではレイアウトは崩れず正常でした。 一応スタイルシートを変更してレイアウトは整ったのですが。。 調べたらfire fox は他のブラウザとマージンなどの解釈が違うのが原因らしいです。 それにあわせホームページを作らないといけないとは思うのですが、 初めての制作だったしいまさら作り直すのも面倒で。。 みなさんはどうですか？ fire fox ってレイアウトが崩れやすくないですか？
- 締切済み
- その他([技術者向] コンピューター)
- WinIE６でだけレイアウトが壊れる。xhtml strict
XHTML 1.0 Strictで宣言してサイトを制作しています。 ソフトはテキストエディタです。 FirefoxやNetscape、Operaでは正しく表示されるのに WinIE６（IE５以下はテストしていません）では レイアウトが壊れてしまいます。 （ハックは、何もしていません。） 特に、 li要素をfloat:left;させた部分が必ず崩れ、 横一列に整列しません。 マージンやパディングの問題かと思い 色々さわってみましたが解決していません。 IE６でもハックが必要なのでしょうか？（または他の問題？） これだけの情報ですが、よろしくお願いいたします。
- 締切済み
- HTML
- HP作成で、XHTML 1.0と、HTML 4.01の、どちらの方が？
素人質問でごめんなさい。 こちらの教えてgooの質問内容を、いろいろと読んだのですが、 どうしても内容が専門的で難しく、 ドキュメント宣言が、もひとつ理解できません。 恥をしのんで・・・。簡単に言って、 ■今のHP作成業や、WEBデザイナーは、 XHTML 1.0と、HTML 4.01では、どちらで作成される方が多いですか？ （主に企業の会社案内系のＨＰの場合） ■CSSレイアウトと、テーブルレイアウトでは、 XHTML 1.0と、HTML 4.01のどちらが良いかは関係ありますか？ ■今現在の、ブラウザはWindowsの、IE6が主流ですよね？（ひょっとしてもうIE7かな？） IE6を対照とした場合は、やはりHTML 4.01で作るのが一番いいのでしょうか？ 将来的に考えて、これからは、XHTML 1.0で作った方が良いのでしょうか？ よろしくお願いします。
- 締切済み
- HTML
- Fire foxってダメダメなブラウザ？
IEからSleipnir,Operaと使っていて、最近Fire foxに乗り換えたんですが・・ 使ってみたは実際、便利なんですが・・正常に表示出来ないページがやけに多くないですか？ (IEでは正常に表示出来るページなのにFire foxではうまく表示できない) メモリーもやけに消費するブラウザでもあるし、もしやFire foxってダメダメなブラウザではないんでしょうか？
- ベストアンサー
- ブラウザ
- htmlとxhtmlの違い
WEBデザインを勉強中の者です。 コンテンツをhtml4.01で書くかxhtml1.0で書くか迷ってます。 xhtmlだとIE6でバグがたくさんあるようなので、 htmlの方が良さそうですが、 推奨されているのはxhtmlだという記事も見ました。 xhtmlで書く場合、文字コードはUTF-8にして、 最初のxml宣言は書かない方が良いのですか？ 当方Macなので、IEでの表示の確認ができないのですが、 IE6ユーザーはまだ多いのでしょうか？ 少ない様だったらIE6は無視してしまってもいいかと思ってます。 ちなみに、レイアウトの確認はFireFox 3.5.2とSafari 2.0.4を使っています。 また、まだ文法に自信がないので、 DOCTYPEの宣言を、TransitionalとStrictだったら、 Transitionalを指定しておいた方がよいでしょうか？
- ベストアンサー
- HTML
- HPのレイアウトが崩れる
作成したホームページを社内LANで繋がっているファイルサーバーに保存して、そこからブラウザで確認するとレイアウトが崩れてしまいます。 デスクトップにおいてあるほうを見るとレイアウトは崩れていません。 作り方が悪いのでしょうか？ ホームページはXHTML1.0 とCSSで作成しています。
- ベストアンサー
- HTML
- XHTMLのIEでの表示
PHPを使ってXHTMLを出力しています。 下記のようなソースを使った場合、IE系ブラウザでXMLツリーが表示されてしまいます。IE8beta2、IE7、IE5で確認しています。 Google Chrome、Opera、FireFox 3ではこのような問題は起きていません。 どのようにすれば解決できるでしょうか。XML宣言を除けば一応表示はされたのですが。後方互換モードのことなどもIE7で改善されたとのことなので、混乱しています。 <?xml version="1.0" encoding="UTF-8"?> <!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=UTF-8" /> <title></title> <body> </body> </html>
- 締切済み
- HTML
お礼
ありがとうございます。 知らない事が多すぎて申し訳ないのですが、標準準拠のつくりとは どうゆうつくりの事なのでしょうか？ もしそうゆうのが説明されてるサイトなどありましたら教えていただけますでしょうか？