![]()
- firefoxでdivタグ要素が突き抜ける
お世話になります。 firefoxですとdivタグで指定した高さ・幅を要素が超えると 突き抜けて表示されます。IEだと、指定した幅・高さが大きくなってくれる。 以下のソースで子の要素が親のボックス、子のボックスを突き抜けなくできないでしょうか？ もしかしたら簡単なことなのかもしれませんが、 ご教授よろしくお願いいたします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> #oya { border-right:orange 1px solid; border-top:orange 1px solid; border-left:orange 1px solid; border-bottom:orange 1px solid; } #ko { border-right:green 1px solid; border-top:green 1px solid; border-left:green 1px solid; border-bottom:green 1px solid; } </style> </head> <body> <div id="oya" style="width:200px;height:200px;"> <div id="ko" style="width:100px;height:100px;">ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ</div> </div> </body> </html>
- ベストアンサー
- bakenshibakenshi
- HTML
- 回答数4
- PerlのCGIの中で画像表示(html)
PerlのCGIスクリプトの中で<img src="">タグで画像を表示させようとしても 表示されません。 URLは間違っていないと思います。ためしに同じディレクトリに画像を持ってきてもダメでした。 [ソース 部分] print << "HTML_1"; <tr> <td><img src="./test.jpg"></td> </tr> ・ ・ ・ HTML_1 ; どういう原因が考えられるでしょうか？ また、同じようなことが以前にあった方、解決方法などお願いします。
- 締切済み
- sunflow123
- HTML
- 回答数2
- CSSを多用すると遅くなる？
『スタイルシートを使いすぎると、ページ全体の動作速度が遅くなります。』 あるサイトで、こう書いているのを発見しました。 現在、CSSでページレイアウトを行っているのがほとんどなのですが、CSSでページレイアウトを行うと、テーブルで組むのよりも動作が遅くなってしまうのでしょうか？ それとも、インラインで書いていると遅くなる、という意味で、外部CSSとして読み込む分には問題ないのでしょうか。 ご教授よろしくお願いいたします。
- 文字間の空白（スペース）の使い方について
HTMLで文字と文字の間にスペースを入れたい場合、どのようにするのが一般的なのか教えて頂けますでしょうか。 （初心者なのですみません・・・） （例）「あ」と「い」の間にスペースを入れたい場合。 (1)「 」で空白を作る。 <p>あ い</p> (2)半角スペースキーで空白を作る。 <p>あ い</p> (1)、(2)はどちらでも良いのでしょうか？ よろしくお願い致します。
- テーブル内で改行を防ぐには
td要素内に記述したテキストは通常、自動改行されますが、数字の場合自動改行されません。そのため横スクロールする必要があったり、サイトデザインがくずれたりします。 自動改行をされるようにするにはどうしたら良いでしょうか。 例えば、下記のようなソースです。 <table><tr><td> 012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789</td></tr></table>
- フレームは使わない方がいい？
最近フレームを使っているサイトが少なくなってきましたが、 フレームは使用しない方がいいのでしょうか？ もしそうでしたら、理由も教えて下さい。 フォントサイズ指定もしない方がいいのでしょうか？
- AVIファイルをダウンロードさせなくするには
HTMLでAVIファイルを公開します。 通常にAVIをリンクしておけば、右クリックで「対象をファイルに保存」ができてしまします。しかし、させないようにしたいのですが、どのようにすればいいのでしょうか？ また、場所と名前が特定できると、それを直接指定するとダウンロードされてしまうのでしょうか？それを回避する方法はあるのでしょうか？
- レイヤーの位置を固定する方法
メニューにマウスをのせたら、その下にサブメニューが表示されるようにしたいと思っています。 （TOYOTAの2階層目以降のような感じです） Flashは使わずレイヤーで作っているのですが、ブラウザを全画面に大きくして見るとちゃんとした位置に表示されていても、小さくするとレイヤーの部分が右にずれてしまうのです。 メニューボタンの下にそれぞれレイヤーを作っており、タグは<div>を使用しています。 また、Dreamweaver8を使っていて、レイヤーの左・上からの位置を適当にpxで指定しています。 常に同じ場所にレイヤーが表示されるようにするには、どうしたらいいのでしょうか。 わかりづらいかと思いますが、よろしくお願いいたします。
- <pre>タグ内のフォントサイズについて・・・
<pre></pre>タグ内のフォントサイズを指定したいのですが、やり方がわかりません。 普通に<pre>で囲むと、字のサイズが小さくなってしまうんです。 <font>タグでいう2のサイズに設定したいのですが、どのようなタグを使えばよいのしょうか？ 是非教えてください。
- CSSの浮動ボックスとWeb標準に関する疑問
お世話になります。 CSSを使った回り込みのせレイアウトでWeb標準に関する疑問について教えてください。 2通りの記述を考えました。 ■Type1ソース <p><img style="float: left;" src="sample.gif" alt="sample" />右に回り込ませる文章・・・....・・・・</p> ■Type2ソース <p style="float: left;"><imgsrc="sample.gif" alt="sample" /></p> <p>右に回り込ませる文章・・・....・・・・</p> [質問1] ●CSSのfloatプロパティでleftを設定した要素はブロックレベル要素になると理解しています。その場合Type1ソースのimg要素はブロックレベル要素になり、p要素はブロック要素を子要素としてもてない規則に違反する気がしますが、Web標準として良いのでしょうか。 [質問2] ●Type2ソースもWeb標準で認められているか自身が持てません。 [質問3] ●回り込みレイアウトに関して、基本的な勘違いをしていないか大変気になっています。実際に良く使われる書き方などがあれば教えてください。 よろしくお願いします。
- CSSで14px/1.4の部分の記述は正しい？
とあるサイトのCSSを見ていたら次のような記述がありました。 font:normal normal normal 14px/1.4 "ＭＳ Ｐゴシック", "Osaka", "sans-serif"; normalが3つ続くのも謎ですが、フォントのサイズと思える部分で分数のようにして使われています。 14px/1.4で10pxのこと？ このような記述はできるのでしょうか？ そのサイトはCSSを使いこなせるような人が作っているようでデザインや文字などはとても読みやすくできています。
- テーブルの横幅が絶対に変わらないようにしたい。
現在CSSのプログラミングをしています。htmlでは本来テーブルをレイアウト目的に使ってはいけないそうなので、<div>で文章を囲んでCSS側でborder指定で似たような表現をしています。位置はpositionで。 文字サイズを指定する際、今まではpt単位でやってたのですが、ユーザーが文字サイズを変えられるようem単位に変更しました。 それをブラウザ上でチェック（文字サイズを最大に）したところ、border内の文字列（大きさをemで指定）が大きくなってborderの横幅を押し広げてしまいました。これが起こらないよう、横幅が絶対に変わらないようにするにはどうしたら良いのでしょうか？widthをpxで指定してもダメでした。調べてみたところ、tableでも同じような状態になりました。 1つ解決策としてスペーサーgifを使う方法を見つけたのですが、なんかそれは素人技っぽくてできれば使いたくないのです。プロのデザイナーさんはそういうの塚使わないでしょうしね。
- QuickTimeで再生されていた3gp ,amcの動画が，突然再生されなくなりました？
今まで，埋め込みオブジェクトを使って再生されていた3gp，amcの動画が，最近，再生されなくなりました。WindowsXPの更新の影響なのかQuicTImeの更新なのか不明です。対処方法がありましたら教えてください。
- 締切済み
- kokoko_kokoko
- CSS
- 回答数1
- CSSでページ作成、Firefoxでうまく表示できません
ご教授いただけますでしょうか。 CSSでページ作成を試みていますが、IEでは思ったとおりに表示されますが、Firefoxでは崩れてしまいます。 内容は、大枠の中に、ヘッダーと左右のフロート（左：メニュー、右：内容）のシンプルなデザインです。 以下、CSS部分です。 /* 大枠 */ #container { width: 800px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; background-color: #FFFFFF; font-size: 13px; border-left: 1px #663333 solid; border-right: 1px #663333 solid; border-top: 1px #663333 solid; border-bottom: 1px #663333 solid; padding: 5px; text-align: left; } /* ヘッダー */ .header { width: auto; height: auto; background: url(img/header.jpg) repeat-x; margin: 0px; } /* メニュー */ .left { float:left; width:20%; background-color:#ffffff; padding: 5px; } /* 内容 */ .right { float:right; width:75%; background-color:yellow; padding: 5px; } ここからHTMLに書き込んだものです。 <div id="container"> <div class="header"> ヘッダー </div> <div class="left"> メニュー </div> <div class="right"> 内容 </div> </div> Firefoxでは、大枠にあたる container 部分が、ヘッダーしか囲まず、メニューと内容部分がその下に表示されます。 どこがおかしいか、ご指摘いただければ幸いです。 どうぞよろしくお願い申し上げます。
- ベストアンサー
- white_catcat
- CSS
- 回答数4
- <td>にheightの%指定が反映されない
win2000pro,IE6.0sp1です。 <table><tr><td height=150>a</td></tr></table> なら反映されますが、 150の部分を150%とすると反映されません。 どうすれば反映されるのでしょうか？
- Javaアプレットの上に画像を重ねたい
javaアプレットの上に、別の画像を重ねたいと思い、画像とjavaアプレットをそれぞれ別のlayerにいれて重ねてみたのですが、どうしてもjavaアプレットが上に来てしまいます。 z-indexで調整したのですが、ダメでした。 なにか方法をご存じでしょうか？ なお、javaアプレット自体を編集する事はできません。 また「javaアプレットの上に画像は重ねられない」という仕様であればあきらめるので、ご存じでしたらお教えください。 よろしくお願いいたします。
- サイトのセンター表示
ＷＥＢページを知識も技術もほとんど（というかほぼ全く）ないのにソフトではなくＨＴＭＬで作ろうとしている若干あほな青年sofreshです。 質問が２つあります。 １．サイトの内容を中央に置き、両端を空白にしたい。 各ユーザーのウィンドウの大きさによって余白が無くなったり多くなったりする感じで。 ２．背景の画像（バックグラウンドでしたっけ？）を固定して上下左右にスクロールしても変わらないようにしたい。 自分なりに探してみたのですが以上の二点が解りません。 そもそもそういったことが出来るのかどうかも解らないので、 物凄く馬鹿なことを言っている気もするのですが、何事も挑戦、と思い書き込みました。 どなたか教えてください。
- ネット上の動画で面白かったモノありますか？
コレを見て腰がくだけた！ コレを見て笑いが止まらなかった！ コレを見て信じられなかった！ コレを見てとにかく衝撃を受けた！ などなど・・・ 動画でお勧めの面白いものがあれば是非教えてください☆ 海外のものでも良いです♪