- 締切済み
スタイルシートに関して・・・作成したサイトがずれてしまいます。
すみません、先ほども投稿したのですがURLがエラーになって おりましたので、再度投稿させていただきます。 ホームページのスタイルシートに関して・・・ 作成したサイトがずれてしまいます。 作成したサイトのスタイルシートに関して 下記サイトを作成しました。 http://xn--av-sb3c29g8rp881a.com/ サイドバーは問題ない位置に表示されるのですが、 なぜか真ん中に表示されるはずの項目が下に落ちて しまっています。（トップページ以外も） これを直すにはスタイルシートのどの部分をどのように 直せばよろしいでしょうか？ お詳しい方よろしくお願いします。 ちなみに、以前もこちらで質問をさせて頂き、その際に、 ・「div#rightboxのfloatをrightに変更 ・div#leftboxとdiv#rightboxの、margin-leftとmargin-rightの数字を低くする とご指摘いただいたのですが、どちらも試みたのですがうまくいきませんでした。 また、 HTML一番上 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> に変更すればよいという指摘や、 pickup-2、pickup-2-inner、goto-pickup のいずれか、 あるいはすべての幅を小さく というのも試みましたが直りませんでした。 ちなみに、下記も同じテンプレートを使って 作成されたサイトですが、下記、知り合いのサイトは問題なく表示されています。 http://kaiouki.info/soccer/ 他者サイトのソースも確認したのですが、 自分のサイトの場合、HTMLに疎くどこを どのように修正すればいいのか分かりません。 念のため、cssファイルの中に入っているものを ファイヤストレージにアップロードしましたので （24時間後に削除されます）、もしお時間おありの 方がいらっしゃいましたら、拝見頂き、修正箇所の ご指摘を頂けましたら大変助かります。 どうぞ、よろしくお願い致します。 ■style.css http://firestorage.jp/download/f1f89cc2400ad114a5da4ad6b177ebce6835bac9 ■style2.css http://firestorage.jp/download/1e859d0ebb11a1319b5b4a4c1c334625285bd8fe ■default.css http://firestorage.jp/download/d5ebcc2494b313f9cd11c983dcc81fe0b8967f8c
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- korirara
- ベストアンサー率45% (139/303)
関連するQ&A
- DreamWeaverでのスタイルシート適用後のプレビューについて
最近やっとDreamWeaverを購入してテーブルからCSSデザインに 乗り換えようと奮闘中のものです。 外部スタイルシートに div#container { background: #ffffff; padding: 20px; margin: 10px 30px; border: 2px solid #999999; } と書き、 HTMLのほうに、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <link href="/test.css" rel="stylesheet" type="text/css" /> <title>test</title> </head> <body> <div id="container"> test web site </div> </body> </html> と書きプレビューしてみたのですがスタイルシートが 適用されません。 デザインビューでは適用されているのですが、、、 何が原因なのでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- xhtmlのスタイルシートについて
<?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta name="robots" content="noindex,nofollow,noarchive" /> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> t { color : 407133; k { color : 337060; r { coior : 454580 > </style> ↑どこか間違っているところがありましたら教えてください。 <span class="#407133">てすと</span> 文字色が変わりません。 どなたか指摘願います。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートでテーブル
とても基本的な事なのですが、 以下のコードを実行すると IE6 で見た時に セルの下に隙間が出来てしまいます。 Firefox 2.0 で確認した場合すっきり表示されてるのですが、 なにかアドバイスありますでしょうか？ ------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>[ Picture ]</title> <style type="text/css"> <!-- * { margin: 0px; padding: 0px; } #container { width: 750px; border: 1px solid #ccc; background: #fff; margin: 0 auto; } #section1 { text-align: center; background: blue; } #section2 { text-align: center; background: red; } --> </style> </head> <body> <div id="container"> <div id="section1"> <img src="images/picture01.jpg" /> </div> <div id="section2"> <img src="images/picture02.jpg" /> </div> </div> </body></html> -------------------------------------------------------------
- ベストアンサー
- CSS
- 超初心者です スタイルシートの作成について
入門書を片手に独習を始めたばかりで、早くもつまずいています。 以下作成し、検証サービスでも問題なし、と出ましたが、何度試しても文字デザインが反映されません。下例には大きさfont-sizeしか入っていませんが、フォント・色についても反映されませんでした。WindowsとMac、両方で試しましたが同じ状況です。 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/ xhtml-transitional.dtd”> <html xmlns=“http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=“Content-type” content=“text/html;charset=utf-8” /> <title>I love Paris</title> <style type=“text/css”> h1 {font-size: 0.75pix} </style> </head> <body> <h1>Paris</h1> </body> </html> 打ち慣れているキーボードがフランス語方式なのですが、いくつかの記号が出ないため、途中英語方式に変えたりしたのが悪いのかと思い、全て英語方式で書き直したりもしましたが状況は変わりません。キーボードの仕様はあまり関係ありませんでしょうか。 解決策を教えてくださるかた、よろしくお願いします。
- ベストアンサー
- CSS
- DOCTYPE宣言をするとstyleが適用できない
webサイト作りの初心者です。 初め、ドキュメントタイプ（DOCTYPE）の宣言を書かずに<html>タグからコードを書いていたのですが、 全体がある程度形になってから、1番上に <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> を追加し、<html>を <html xmlns="http://www.w3.org/1999/xhtml"> に変えると、デザインが変わってしまいました。 具体的には、 <div style="height:960;">～</div> と書いて作っていたブロックの高さが、 DOCTYPE宣言を書く前はちゃんと960になっていたのですが、 書いた後は、中に入っているコンテンツ（テキスト）の高さまで縮み、style部分の数字をいくらいじっても変わってくれません。 他にも、style属性のmargin-leftなどが適用されなくなっていました。 なぜ、DOCTYPEの宣言をするとstyleが適用されなくなったのでしょうか？ また、どうすれば適用されるようになるのでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- CSSでの中央寄せにかんする疑問
.main { margin:0 auto; width:1000px; } とCSSファイルに記述することにより中央よせをしようとしています。 IE8以外のブラウザでは中央に寄るのですが、IE8では実現しません。 実はこのCSSの記述は私が以前作成したサイトからコピーしていて、そのサイトではすべてのブラウザで中央に寄っています。 今回作成したサイトではこのようなトラブルに陥りました。 で、苦し紛れでDOCTYPE宣言を <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> から <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> に変更したらIE8でも中央に寄りました。 なぜ、このようなことになったのでしょうか？ 教えてください。 よろしくお願いします。(Apacheのバージョンとかがかかわっている？)
- ベストアンサー
- HTML
- HTMLソースにXHTMLの混在は可能ですか？
はじめまして。 早速ですが、 現状、サイトＡとサイトＢがあり、 サイトＡは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> で定義されたHTML文書で書かれており、 サイトＢは <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> で定義されたXHTML文書で書かれています。 そして、サイトＢのフッターにあるグローバルメニューをサイトＡの方にも挿入・反映したいと考えています。 このような場合、HTML文書の中にXHTML文書を混在させることは可能なのでしょうか？ 皆様のお知恵を拝借させてください。 宜しくお願い致します。
- 締切済み
- HTML
- アップするとスタイルシートが反映されない
現在メモ帳で外部CSSの段組レイアウトを制作しています。上下に二つ、その間に縦に分かれたローカルでは問題なく見られるのですが、ネットにアップすると全く反映されず、HTMLのみの状態になってしまい大変困っています。初心者ゆえ全く原因が分かりません。 htmlに問題があるんじゃないかなと思い下にhtmlタグを書き込みました。どこに問題があるか、それとも他の原因か、またどうすれば解決されるのかをご教授願います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja> <head> <body> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>タイトル</title> <link rel="stylesheet" type="text/css" href="ファイル名.css"> <script type="text/javascript"> <!-- function expand(id) { if (id.style.display == "none") { id.style.display = "";} else {id.style.display = "none";} window.event.cancelBubble = true;} // --> </script> <style type="text/css"> *.grad { width:100%; color: #000099; filter: Alpha(opacity=100,finishopacity=0,style=1); } </style> <div id="wrapper"> <div id="header"> ヘッダーの内容</div> <div id="container"> <div id="main"> メインの内容</div> <div id="menu"> メニューの内容</div> </div> <div id="footer"> フッターの内容</div> </div> </body> </html>
- ベストアンサー
- その他([技術者向] コンピューター)
- imode で スタイルシートを利用したい。
テストした機種：N901ic Imode公式サイトはFlashやスタイルシートを使用してカラフルなページを作成しているようなので、スタイルシートを用いたページを作成しようと考えています。 Docomoのサイトのマニュアルを参考サンプルページを下記のように作成したのですが、携帯（N901ic）からアクセスしても、まったくスタイルシートが反映されていません。 どうすれば、スタイルシートが反映するようになるのでしょうか？ <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html> <head> <title>test</title> </head> <body> <div style="background-color:#FF6699">test</div> </body> </html> ファイル名はindex.htmlがだめだったので、 index.xhtmlとしてもテストしました。
- 締切済み
- HTML
- “タグの属性”と“スタイル”の優先度について
HTMLの勉強をしています。以下のソースですと、“cellpadding”が機能しません。試しに、*{margin:0; padding:0;}を外しレンダリングしてみると、うまくいきました。これは、やはり、「“タグの属性”と“スタイル”での指定なら、“スタイル”が優先されると考えてよいのですか？」 よろしく、お願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <style text/css> *{ margin:0px; padding:0px; } </style> </head> <body> <table width="200" border="1" cellspacing="1" cellpadding="15"> <tr> <td>セルパディング</td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- iosスマホでWindowsやAndroidのフォルダをそのまま利用できるか？
- iosでフォルダの移動・表示・管理ができるか検証した結果
- iosでのフォルダ管理に関する情報が不明なため質問
補足
ご回答ありがとうございます。 ただ、これは私が作成したものではなく 提供されたものになるので、どうしようもありません（汗） 引き続き、修正箇所分かれば教えてください。