CSS表記で文字が重なる現象について

前へ 次へ
このQ&Aのポイント
  • CSS表記で文字が重なる現象について教えていただきたいと思います。現在CSSでコンテンツを作成しておりIEで表示をかけたところ、テーブルとテーブルがかさなり、文字が重なってしまう現象がでております。対策、注意点について教えてください。
  • CSS表記で文字が重なる（更新で直る？）現象について質問です。現在CSSでコンテンツを作成しておりIEで表示をかけたところ、テーブルとテーブルがかさなり、文字が重なってしまう現象がでてきました。発生の条件や解決策についてお教えください。
  • CSS表記で文字が重なる現象に関する質問です。現在CSSでコンテンツを作成していますが、IEで表示するとテーブルとテーブルがかさなり、文字が重なってしまいます。この現象の対処法や注意点を教えてください。
回答を見る
  • ベストアンサー

CSS表記で文字が重なる（更新で直る？）現象について

CSS表記で文字が重なる（更新で直る？）現象について教えていただきたいと思います。 現在CSSでコンテンツを作成しておりIEで表示をかけたところ、テーブルとテーブルがかさなり、文字が重なってしまう現象がでております。 その現象を下記に記します。 ・毎回発生しない。 ・今のところIE7のみ。 ・ページのリフレッシュ(更新）をすると、正常に表示される。 ・ページの構成は下記の様にページを3構成に分けておりtable1とtable2が重なってしまうことがある。 ・パソコンを再起動後同一のことをしても、今のところ再現なし。 |・・・・・・・・・・ | |-----------| |・・・・・・|・・・・・| |・table1・|・・・・| |・・・・・・|・・・・・| |-----------| |・・・table2・・・| （・はダミーで入力しました。） 端末の影響も考えられそうですが、対策、注意する点はあるのでしょうか。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • abril
  • ベストアンサー率69% (388/560)
回答No.1

> CSS表記で文字が重なる（更新で直る？）現象について教えていただきたいと思います。 > 対策、注意する点はあるのでしょうか。 実際のHTMLとCSSのソースを公開して頂かない事には回答のしようがないです。 > ・今のところIE7のみ。 > ・ページのリフレッシュ(更新）をすると、正常に表示される。 > ・ページの構成は下記の様にページを3構成に分けておりtable1とtable2が重なってしまうことがある。 上記の感じからすると、positionやz-indexあたりの不具合が疑わしいですが。

greenday50
質問者

お礼

>実際のHTMLとCSSのソースを公開して頂かない事には回答のしようがないです。 確かにその通りなのですがちょっと公開できない事情がありクローズとさせていただきます。 状況を付け加えますと、ＰＣの再起動後は、発生しませんでした。 今

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • ＜css＞テーブルの中と外で同じフォントサイズにならない

    WinXPproSP2＋IE6です。 HTMLで作ったページにテーブルがあります。 外部cssでbodyとtableのフォントサイズを別々の設定で20pxにしました。 このcssを前述のHTMLにリンクさせ、IEで表示すると、テーブルの中の文字とテーブルの外の文字の大きさが違います。 どうすれば同じになるのでしょうか？ HTMLでのフォントサイズは行っておりません。 ＜cssの記述内容＞ body{ font-size:20px; } table{ font-size:20px; }

    • ベストアンサー
    • CSS
  • CSSを使ってサイトの更新をうまくしたいのですが

    ２カラム型のホームページを作りたいと思っています。 左にメニュー、右に主な内容を載せようと思っています。 そうするとフレームを使って作るのが更新も楽でいいのですが、 ＳＥＯを考えると１ページにしたいのです。 すると、もしメニューに項目を増やしたいときや、メニュー下に載せたいバナーなどを増やしたいとき、一つずつ更新することになるので100ページのサイトだとしたら100ページ更新しなければならないことになりますよね？ そこでＣＳＳの外部ファイルを読み込むことで簡単に更新できないかと思ったのですが、やり方がイマイチよくわかりません＞＜ よく使うフォントの指定方法、背景のデザインはわかったのですが、 テーブルや広告の表示方法がわかりません。 こういったことは可能なのでしょうか？ よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • IEでCSSを動的に切り替える方法

    もう３日間悩んでおりまして、糸口がつかめずご質問させていただきました。 何でも結構ですのでアドバイスいただけましたら助かりますm(_ _)m 【やりたいこと】 IEで画面をリロードすることなくCSSを再読込して適用させる。 【試した方法でIE以外では動いたもの】 http://phpspot.org/blog/archives/2009/08/css_91.html http://allabout.co.jp/gm/gc/23930/4/ 【本当にやりたいこと】 AjaxでPOSTして、戻ってきたページ全体のHTMLを使ってページ全体を上書き更新したい。 それはPOSTすることで画面の表示位置をずらしたくないためです。 IE（６，７，８）以外ではうまくいっていそうです。（FF3、Chromeで確認） IEだと、CSSが不完全に適用されているようなくずれた画面になるため ＣＳＳを再読込してリフレッシュできたら、解決すると考えたわけです。 検索していると、IEはCSSの動的切り替えに対応していないような記述もあったり。。 よろしくお願いしますm(_ _)m

  • CSSを適用…させない！

    ちは！ さてさて～スタイルシートで、たとえばページ内のtableすべてにスタイルシートを適用させるため書くのは TABLE{ うんぬん } ですが！この状態で、ページ内の数個のtableにはこの「うんぬん」を適用させたくない！ だからって、適用させたいtableにclassを設定しテクノは面倒だ！ そこで！、適用させたくない数個のtableに、「TABLE」に対してのstyleは適用させない！っていうclassを書く。 そんなCSSありますか？(わかりにく・・・い・・・) とりあえず、「ここは適用しなくていいよ」っていうCSSありませんかね？探してもないものはないんでしょうか・・・

    • ベストアンサー
    • CSS
  • CSSの設定方法について

    CSSは外部ファイルにし、十数枚あるHTMLに「div id=contents内にあるTableは全て共通のレイアウト」 となるよう下記のCSSを設定しました。 --------CSS----------------------------------------- #contents{margin-left: 70px;} #contents table{width: 650px; border: solid 1px #B1B2B2; border-collapse: collapse; margin: 15px 0px;} #contents tr, td ,th{padding: 4px; border: solid 1px #B1B2B2; border-collapse: collapse;} --------HTML----------------------------------------- <div id="contents"> 　<table> 　　<tr> 　　　<th>項目</th> 　　</tr> 　　<tr> 　　　<td>項目1</td> 　　</tr> 　</table> </div> ------------------------------------------------------- しかし、どうしても違うレイアウトにしたいTableが出てきた為、下記CSSを追加、 HTMLは<div id="contents">の部分を<div id="login">に変更したのですが 追加CSSが反映されず、id=contentsの設定が残ったままになってしまいます。 色々いじってみたのですが、どこが間違っているのやら皆目見当がつきません。 --------追加CSS----------------------------------------- #login{text-align: center; } #login table{width: 450px; border: solid 2px #666666; border-collapse: collapse;} #login tr, td ,th{border: solid 1px #666666; border-collapse: collapse;} --------HTML----------------------------------------- <div id="login"> 　<table> 　　<tr> 　　　<th>項目</th> 　　</tr> 　　<tr> 　　　<td>項目1</td> 　　</tr> 　</table> </div> 拙い文章で恐縮ですが、ご助言いただけると大変助かります。 説明不足や意味不明箇所は補足させていただきますので、どうぞよろしくお願い致します。

    • ベストアンサー
    • HTML
  • tableをcssで表記したい

    下記のhtmlのスタイル部分をcssで表記したいのですが、 どのようにすればよいのでしょうか？ tableの種類が一つの場合はできるのですが・・・ ＜table width="100" border="1" cellpadding="1" cellspacing="1" bgcolor="#AAAAAA"＞ ＜tr＞ ＜td width="30" bgcolor="#FFFFFF"＞a＜/td＞ ＜td "＞b＜/td＞ ＜/tr＞ ＜/table＞ ＜br＞ ＜table width="50" border="2" cellpadding="2" cellspacing="2" bgcolor="#BBBBBB"＞ ＜tr＞ ＜td width="25" bgcolor="#CCCCCC"＞c＜/td＞ ＜td＞d＜/td＞ ＜/tr＞ ＜/table＞

  • CSSのid属性

    cssでtableにid属性を指定しています。 同じページの中で同じid属性を何度も使用しても大丈夫なのでしょうか？ HTMLチェッカーで 「重複しています」とエラーがでたので心配になりました。 また、以下のように、同じ<table>内で、 <tr>と<td>にそれぞれclassを持たせても大丈夫でしょうか？ IEではキチンと表示されるのですが、 本来はやってはいけないことだったりしますか？ <table id="table-style"> <tr class="tr1"> <td class="td1"> ほにゃらら </td> </tr> </table> 教えてください！ 宜しくお願いします。

  • ＣＳＳレイアウトの中にテーブルのような使い方でＣＳＳを入れ子にする方法で質問です。

    テーブルを一切つかわないでサイトを作成したいと思っていて、 現在ＣＳＳで２カラムのレイアウトをしています。 困っているのが、 ページの下部に”前のページ ＨＯＭＥ 後ろのページ” という風に横に３つならべたいと思っています。 テーブルであれば簡単にできることなのですが、 それをＣＳＳでできないかと思っております。 そこで外部ＣＳＳに .table{ width: 10px ; background-color: #ffffff; margin: 5px; border: solid 0px ; padding: 0.5em; } と記述し、ＨＴＭＬ部分に <p><span class="table">前のページ</span> <span class="table">ＨＯＭＥ</span> <span class="table">後ろのページ</span></p> という風に記述してみたのですが、 文字を打っていくとどんどんよこに伸びて、横幅を指定している意味がないような感じです。 私のようなＣＳＳの使い方をしたい場合はどのように記述すればよろしいのでしょうか？

    • ベストアンサー
    • HTML
  • IE・FirefoxでのCSS表示違いについて

    HTML＋CSSでホームページを制作する際、以下のような構成 上部：メインロゴ 中部：コンテンツ（What's newなど） 下部：メニューバー で、IE7とFireFoxで表示違いの差が発生してしまいます。 IEだと問題なく表示されるのですが、FireFoxで表示した場合、 ・中部のWhat's newが表示されない ・下部メニューバーが上部メインロゴの右側に表示されてしまう などの表示の問題が発生します。 CSSファイル内のソースが問題だというところまでは分かって いるのですが、一般的にこういった場合、CSS内でページ全体を 構成するfloatの設定がおかしいのでしょうか？ 全体のページ構成を決めるCSSタグでIEでもFireFoxでも全体を 崩さず表示を同じにするようなタグがあればご教示ください。 説明が分かりづらくてすみません・・。 （URLを具体的にお教えできれば良いのですが、、） お分かりであればお願いいたしますm(＿)m

    • ベストアンサー
    • CSS
  • cssで<div>にpaddingを指定したとき

    下のように、ｃｓｓで<div>にwidth720px、padding10px,background-color: #00FFFF;と指定して、 IE6とoperaで表示してみたところ、widthが740px、padding10pxになってしまいます。 divの下に７４０pxのテーブルをおいて確認してみました。 これは、こういうものと、思うしかないのでしょうか？ また、こうなるのは、私だけなのでしょうか？ <style type="text/css"> <!-- #contents { width: 720px; padding: 10px; background-color: #00FFFF; } --> </style> </head> <body> <div id="contents"> あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ </div> <table width="740" border="0"> <tr> <td bgcolor="#0000FF">あ</td> </tr> </table> </body>

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する