- 締切済み
tableタグによるエラー
モバイルサイトの制作の際に tableタグを使用した箇所で ページスクロールをすると 意図しない場所に飛ぶことがあります。 例えばページ下部にtableタグを記述し 実機で最下部から上部へ ページスクロールするとtableタグの箇所で 最上部に飛んでしまうことがありました。 記述ミスではなくtableタグを使わないと 直りました。 モバイルサイトの制作の際、 複雑なレイアウトにする場合、tableタグが必要になります。 これはどのようなことが原因なのでしょうか。
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 (2)
- 専門家の回答
みんなの回答
古い機種だと<table>タグが使えない!とかじゃなくて?
解りませんが忠告。 レイアウトの為のtableでは無く「表」を表示する為のタグと意識する様に。 一般的なサイトが用意した「エディタ」使用のサイトなら話は別ですが、ファイルを自分で作成してUPする仕様なら、CSSを使いブロックレベルの使い分けで構築した方が最善。
お礼
回答ありがとうございます。 たしかにtableの役割を間違えていたかもしれません。
関連するQ&A
- tableタグ内のテキストについて
編集しているWebページのソースを見て最近気になったことがあります。現在レイアウトの主流になっているテーブルですが、table,tdタグ内に記述するテキストはなぜpやh1~h6などのタグで囲んで記述しないのでしょうか? タグ辞典やリファレンスを見てもタグを使わずに記述されていますがこれはなぜなのでしょうか?
- ベストアンサー
- HTML
- tableタグ最後の改行をなくすには?
IE6用にshowModalDialogで開くWebページを作ろうとしています。 ダイアログの大きさがちょうどWebページの大きさになるようにしています。 tableタグを使って、画面右下にボタンを配置したいのですが、 <html><body><table> ・・・ </table></body></html> とすると、tableの後に必ず改行が入ってしまい、 スクロールバーが表示されてしまいます。 tableタグ最後の改行がなければ、 スクロールバーは表示されないと思うのですが、 この改行をなくす方法はあるのでしょうか? ご存知の方、教えてくださいm(_ _)m
- ベストアンサー
- HTML
- TABLEタグを利用しない区切り方
TABLEタグを利用するのは読み込みが遅かったり、利用用途的(表ではないのに使うな)に 問題があったりとして利用するべきでない事だというのを何かから知ったのですが、 では、TABLEタグを利用しないで区切りたい場合、どうすれば良いのでしょうか? 例えば以下のようなページレイアウトの場合。 ---------- | タイトル | ---------- |メ | 本文 | |ニ | | |ュ | | || | | | | | ---------- ご存知の方、ご教示下さい。
- 締切済み
- HTML
- tableタグについて
楽天日記を記述する際に「table」タグを使うと丈夫に余計な空白が出来てしまいます。解決方法は無いでしょうか。exe:http://plaza.rakuten.co.jp/okaimono/
- ベストアンサー
- ブログ
- tableタグの枠線について
tableタグで個別にborderを設定している箇所のみまとめて色を指定する方法って何かありますでしょうか? 【補足】 1つのHTML内において、 <table border="0" align="center"> … </table> で囲まれたtableは枠線を表示せず、 <table border="1"(或いは2以上) align="center"> … </table> で囲まれたtableは指定した色の枠線にしたいのですが…。 出来れば、個別のtableにクラスを指定して…という方法は、適用したいtableが湯水のごとく大量にあるので避けたいです…。
- 締切済み
- CSS
- htmlのtableレイアウトについて
こんばんは。訳あってcssとテーブルの両方のレイアウト手法を用いた サイト作りをしています。準初心者です。 昔から受け継がれてきたサークルのサイトの更新担当をしているのですが、 テーブルレイアウトとcssレイアウトがごちゃまぜで、わけの分からないスペーサーgifなど も多用されていたりと、悲惨な有様なので、必死に修復しているところです。 テーブルレイアウトとで組まれていても、今回は抜本的な対策は留保するつもりで書いていた のですが、ある問題に突き当たりました。 divタグ内のtableタグによって作られた1×1の表ボックスが更新情報欄になっていて、 ページの左端に隙間無くくっついているようなレイアウトにしようと試みました。 <TABLE style=" border:0px;padding:0px;margin:0px;・・とするとdivのブロック要素と テーブルが完全にくっついた状態にできると思い実践してみたのですが、どうしても何pxかの隙間が生じてしまうのです。試行錯誤の末、もとのソースコードではtable要素にhtmlでwidth="400" と指定されていたものをtableタグ内に <TABLE style=" border:0px;padding:0px;margin:0px; width:400px;> と指定し直した結果、計らずしもこの隙間は無くなりました。 そこで疑問なのですが、なぜこのような結果になったのでしょうか、ご教授ください!
- 締切済み
- CSS
- <tr>タグ、<td>タグ
テーブルでレイアウトを行い、htmlで背景色・cssで文字のスタイルを適用する場合、<tr>タグと<td>タグのどちらに記述するのがよいのでしょうか。IEだと大差は無いようなのですが、firefoxやNetscapeで違いが出てくるように感じます(特にfirefox)。 (1)cssで文字スタイルの場合、<table>タグに<table class="text">といった感じで問題ないでしょうか(table内の文字すべてclassがtextの場合)。それともやはり<td>タグひとつひとつにクラス指定した方が良いのでしょうか。 (2)テーブルに背景色を指定する場合、<tr>タグ・<td>タグのどちらに指定するのが良いのでしょうか。
- ベストアンサー
- HTML
- テーブルの配置
お忙しいところすみません。たぶんCSSでレイアウトした方がいいと思うのですが、よく分からないのでとりあえずテーブルでレイアウトしています。 テーブルの入れ子にせずにレイアウトをしたいのですが、ブラウザーで確認すると、文字サイズを小さくすると、真ん中の左右に並べたテーブルが上下のテーブルの位置からはみだしてしまいます。 何かタグを付け加えるとうまくいくのでしょうか? ・まず、ページの上にタイトルやボタンを配置するテーブルを置き、 <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> ・その下に左右にテーブルを配置し、内容を書き、 <table width="49%" border="0" align="left" cellpadding="0" cellspacing="0"> <table width="49%" border="0" align="right" cellpadding="0" cellspacing="0"> ・その下にまたテーブルを置いて、コピーライトを表示させる <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> 省略してタグを書いていて、分かりにくければ申し訳ございません。教えていただけるとうれしいです。どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- CSSレイアウトの中にテーブルのような使い方でCSSを入れ子にする方法で質問です。
テーブルを一切つかわないでサイトを作成したいと思っていて、 現在CSSで2カラムのレイアウトをしています。 困っているのが、 ページの下部に”前のページ HOME 後ろのページ” という風に横に3つならべたいと思っています。 テーブルであれば簡単にできることなのですが、 それをCSSでできないかと思っております。 そこで外部CSSに .table{ width: 10px ; background-color: #ffffff; margin: 5px; border: solid 0px ; padding: 0.5em; } と記述し、HTML部分に <p><span class="table">前のページ</span> <span class="table">HOME</span> <span class="table">後ろのページ</span></p> という風に記述してみたのですが、 文字を打っていくとどんどんよこに伸びて、横幅を指定している意味がないような感じです。 私のようなCSSの使い方をしたい場合はどのように記述すればよろしいのでしょうか?
- ベストアンサー
- HTML
補足
機種で関係なく上記の症状になります。 最新から4年ほどの前まで5機種ほどで確認しました。