• 締切済み

JSPでdivタグに定義したスタイルシートが反映されない

いつもお世話になります。 JSP/サーブレットを使用した簡単なWebアプリを作っているのですが、スタイルシートが反映されず困っています。 具体的には、下記のコードがあったとします。 <div class="main-area"> あああ<br> <!--(1)--> <table> <tr> <td>いいい</td> <!--(2)--> </tr> </table> </div> この場合、divタグにスタイルシートを適用しているので、(1)、(2)ともに反映されると思っていたのですが、 結果は、(1)は反映されるのですが、(2)は反映されませんでした。tableタグに同様にclassの定義を行えば反映されますが、なぜ上記の 状態で反映されないのでしょうか。 開発環境は以下になります。  ・Java5.0  ・eclipse3.5.2 ・tomcat6.0 ※開発はeclipse上でtomcatを起動して行っています。 よろしくお願いします。

  • Java
  • 回答数2
  • ありがとう数7

みんなの回答

  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.2

InternetExplorer6か7の現象かしら? このブラウザでは<table>の外側で定義したスタイルシートは <td>内部に適用されないという特徴があるわ。 たぶんそのせいよ。

  • Lieserl
  • ベストアンサー率81% (31/38)
回答No.1

何か他のスタイルで上書きされているんじゃないかと思われます。 FireFoxのFirebugプラグイン等を使って、 その項目にどんなスタイルが適用されているか 調べてみたらどうでしょうか?

kamakuragengorou
質問者

お礼

ご返答ありがとうございます。 タグの不整合(?)なのか、htmlタグの下にDOCTYPE宣言を行っていたのですが、これをhtmlタグの上に定義すれば解決しました。

関連するQ&A

  • テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。

    テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。 なぜでしょうか? <style="text/csss"> <!-- hr.kasen { border-bottom-style: double; } --> </style> <table> <tr class="kasen"> <td>あ</td> </tr> </table>

    • ベストアンサー
    • HTML
  • 以下のHTMLをスタイルシートで実装するには

    以下のHTMLをスタイルシートで実装するにはどうしたらいいのでしょうか? <table><tr><td>左</td><td>右</td></tr></table> 自分なりに考えましたが <div class="">を使えばいいのかなと思いますが、いまいち方法が分かりません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • スタイルシートの反映

    こんにちは。 過去ログを検索してみたのですが、解決されていなかったようなので、質問させてください。 JSPにスタイルシートを反映させることは可能でしょうか? ふつうのHTMLにスタイルシートは反映できるのですが(Tomcatの中に配置して実行OK)、これをJSPに記述すると反映されません。 どこか凡ミスしているのでしょうか。 それともJSPにはスタイルシートは反映されない? そんなまさか、と思いつつも一応質問させてください。 JSPにスタイルシートを反映させることは可能でしょうか? 宜しくお願いします<(_ _)>

  • スタイルシートで colspan=3と定義することは可能でしょうか?

    <style> x { } </style> <table> <tr> <td colspan=3 class="x">タイトル</td> </tr> <tr> <td>1</td><td>2</td><td>3</td> </tr> </table> また、有名なブラウザで対応している最新のCSSバージョンは何でしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • タグに直接書き込むスタイルシートを、外部あるいはページ内にわけるには?

    下記テンプレートソースですが、タグに直接書き込むスタイルシートになっています。 このソースを、外部あるいはhead内に設定するには、どういうわけ方をしたらいいですか? いろいろ自分で試したのですが、うまく表示されません宜しくお願いします。 <table><tbody><tr><td> <div style="border:1px solid #ff6699;background:#ffcccc;font-size:13px"><div style="padding:3px" align="center"> * ここにタイトル * </div><div style="border-top:1px solid #ff6699;background:#fff;padding:10px" align="left"> * ここに本文 * </div></div> </td></tr></tbody></table>

    • ベストアンサー
    • HTML
  • スタイルシートをhead内で定義したい

    下のテーブルのようにしたいんですが、上のテーブルはすきまができています。 このすきまをなくすために、<STYLE>の中を修正してください。 <TABLE>内は変更せずに<STYLE>だけでできるはずです。 <HTML> <HEAD> <STYLE> table.ccc{border:solid;border-color:#bbbbcc} td.ccc{border:solid;border-color:#bbccbb} .ccc th{border:solid;border-color:#ccbbbb} </STYLE> </HEAD> <BODY> <TABLE class="ccc"> <TR class="ccc"> <TH>名前</TH> <TH>住所</TH> </TR> <TR class="ccc"> <TD class="ccc">太郎</TD> <TD class="ccc">東京都新宿区</TD> </TR> <TR class="ccc"> <TD class="ccc">花子</TD> <TD class="ccc">沖縄県那覇市</TD> </TR> </TABLE> <br> <TABLE cellspacing=0 style="border:solid 4px #ddddee"> <TR> <TH style="border:solid 4px #eedddd">名前</TH> <TH style="border:solid 4px #eedddd">住所</TH> </TR> <TR> <TD style="border:solid 4px #ddeedd">太郎</TD> <TD style="border:solid 4px #ddeedd">東京都新宿区</TD> </TR> <TR> <TD style="border:solid 4px #ddeedd">花子</TD> <TD style="border:solid 4px #ddeedd">沖縄県那覇市</TD> </TR> </TABLE> </BODY> </HTML>

  • JSPからスタイルシートが読み込まれない。

    Eclipseでサーブレットを勉強しています。例えば、servというプロジェクトで、 http://localhost:8080/serv/index.jsp などとアクセスすると、スタイルシートがきちんと読み込まれるのですが、おなじファイルを別のプロジェクト(mvc)でサーブレットからフォ ワードするようにして、 http://localhost:8080/mvc のように、おなじファイルにアクセスするとスタイルシートが読み込まれません。何か別の作業が必要になるのでしょうか?

    • ベストアンサー
    • Java
  • Tableタグにスタイルシートを使用したらInternet Explorerで反映されない

    教えてgooで見つけた方法を使用し、テーブルタグ内の文字を一括で小さくしようと思って、以下のようにやってみました。 <head> <style type="text/css"> <!-- TABLE.test { font-size: small } --> </style> </head> <table class="test"> <tr><td>スタイルシートのおかげで文字が小さくなりました。</td></tr> しかし、FirefoxとNetscapeブラウザでは、思ったように上手く行ったものの、Internet Explorerでは文字フォントが通常のままで、反映されません。 これはInternet Explorerの仕様でしょうか? 改善策はありますか?

  • スタイルシートでのデザイン

    HTMLを組む際、今までレイアウトはtableタグで組んでいたのですが、CSSで組もうと思っています。 例えば、 <table align="center"> <tr> <td colspan="2" width="500" height="80">aaa</td> <td rowspan="2" width="300" height="200">bbb</td> </tr> <tr> <td colspan="2" width="500" height="20">ccc</td> </tr> <tr> <td width="200" height="100">ddd</td> <td width="300" height="100">eee</td> </tr> </table> をスタイルシートで配置しようと思い、 <div align="center" style="width:800px"> <div style="float:left;width:500px;height:80px;background-color:#ff9999">aaa</div> <div style="float:right;width:300px;height:200px;background-color:#9ff999">bbb</div> <div style="float:left;width:500px;height:20px;background-color:#9999ff">ccc</div> <div style="float:left;width:200px;height:100px;background-color:#99ffff">ddd</div> <div style="float:center;width:300px;height:100px;background-color:#ffff99">eee</div> </div> としたのですが、センタリングされないのと、eeeの箇所がdddの隣に来ないで次の行に移ります。 うまく出来ないので、どなたか教えて下さい。お願いします。

    • ベストアンサー
    • CSS
  • スタイルシートが適用されない。

    Servlet/JSPでWeb開発しているのですが、スタイルシートが反映されません。 ファイルの配置 app `---css   `--- x.css `---WEB-INF   `--- jsp      `---ja        `---a.jsp   `--- class      `---ja        `---A.class スタイルシートの指定で../css/x.cssと指定しています。 http://localhost:8080/app/ja/A(a.jspを表示)では適用されます。 ですが、Tomcatと連携で Proxy /ja/ ajp://localhost:8009/app/ja/ を指定して、 http://localhost/ja/A を表示するとサーブレットは問題なく動きますが、x.cssが適用されなくなります。 どうすれば適用されますか?