- ベストアンサー
下記のソースですが、画面一杯に表示されません、なぜでしょうか？
<HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> <TITLE></TITLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#663300" link="#0000FF" vlink="#99CCFF"> <DIV style="top :0px;left : 0px; position : absolute; z-index : 1; width : 750px; height : 900px; visibility : visible; " id="Layer1"> <CENTER> <TABLE width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#68B921"> <TR ALIGN="CENTER" VALIGN="MIDDLE"> <TD><IMG src="" width="111" height="96" alt="アイコン"></TD> <TD WIDTH="100%" VALIGN="TOP"></TABLE> </CENTER> </DIV> </BODY> </HTML>
- hikarika1
- お礼率90% (4734/5233)
- Windows 95・98
- 回答数6
- ありがとう数6
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
<META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> この部分がホームページビルダーのら設定ですから、 貼っただけでもそのように 成ったと思います。 そのまま使用には少々問題がありますが（創作権に ) そっくり貼るのでしたら、メモ帳などで貼り付け編集するとそのまま、の状態で保存実行できますよ。 以下に例文 <HEAD> <TITLE></TITLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#663300" link="#0000FF" vlink="#99CCFF"> <CENTER> <TABLE width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#68B921"> <TR ALIGN="CENTER" VALIGN="MIDDLE"> <TD><IMG src="" width="111" height="96" alt="アイコン"></TD> <TD WIDTH="100%" VALIGN="TOP"></TABLE> </CENTER> </BODY> </HTML> クール
その他の回答 (5)
- kozack
- ベストアンサー率46% (7/15)
hikarika1 さん今晩は。 このタグでは幅７５０px 高さ９６の緑の帯に中にアイコンが表示されますが、質問の具体的内容は高さ９００の緑テーブルにしたいのでしょうか？？ もし、そうでしたら下から５行目、 <TD WIDTH="100" HEIGHT="900"VALIGN="TOP"> です。 間違った質問の解釈でしたらごめんなさい。
お礼
ありがとうございました、勉強しないと、、、
- the845t
- ベストアンサー率33% (246/743)
少なくとも、私の環境（Win98se,Mozilla1.4a / IE6）では、 750の横幅で緑色のテーブルが表示され、その中に画像がありますよ。 そのもともとのページは予めウィンドウ幅を750と指定されていたのでは？ もしくは、ホームページビルダーのどこでも配置での作成によるものかと。 ウィンドウ一杯に表示したいのであれば、DIVのwidthとheightを100%にすれば良いのでは（たぶん） ちなみに</td>は省略可能ですので、それで表示がおかしくなるということは現在のところ無いかと。 </table>は省略すると表示しないブラウザがあります。 今後XHTMLなどが主流になれば、ありえるかもしれません。
お礼
はやく、わかるようになりたいです。
- acacia7
- ベストアンサー率26% (381/1447)
二つ目のTDタグに閉じタグがないです。 閉じられていないタグの処理の仕方はブラウザ?依存が大きいと思います。 そのせいでは？
お礼
ありがとうございました、勉強必要ありです。
- cool_
- ベストアンサー率31% (314/1005)
私のパソコンはＩＥ５．５ですが幅は７５０には成りますよ。 頑張ってください。 クール
お礼
回答ありがとうございます、そもそも、今回のことは、ページ一杯に出ていたそのページのHTMLソースを、HPビルダーで、編集、すべて、コピー という一連の作業により、まるごと複写されると、思っていたら、なんと、左に寄った複写状態になったことからはじまったのです、なぜ、HTMLソースを丸ごと複写したのに、こんなことが起こるのでしょうか？
- the845t
- ベストアンサー率33% (246/743)
divで横幅を750と指定していますから、 それ以上の大きさのウィンドウでは画面いっぱいにはなりえません。 どこでも配置で作成されているのであれば、 それは、ブラウザの大きさなどにも依存するページを生成してしまいますので、 標準モード（？）での作成をオススメします。
お礼
回答ありがとうございました、ただ、今の状態なら、横幅７５０にさへ、ならないのです、どうすれば？
関連するQ&A
- ホームページの表の中に背景画像を固定したいのですが、どうしてもできません・・・
ホームページビルダーで作っています。 いろんなサイトを参考にして、ソースをコピー＆ペーストしながら 作ったので、私自身は詳しくはありません。 表が 上下に２分割されていて、 ●上の表の部分には目次が入ります。 【home】 【news】 【profile】 【gallery】【diary】 【shop】 【mail】【link】 ●下の表にはそれぞれのページが表示されるようになっていて スクロールできるようになっています。 どうしても下の表の部分に背景画像を固定できません。 かわいい女の子のイラスト画像を左・中央に固定させたくて スクロールしても動かないようにしたいのですが、出来ません。 基本的な構造に問題があるのでしょうか？ ホームページのソースはこんな感じです。 詳しくは添付画像をご覧ください。 よろしくお願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 8.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <title>サンプルページ</title> <LINK REL="SHORTCUT ICON" HREF="favicon.ico"> <style type="text/css"><!-- body {background-color: #ffffff; } .headBox { width: 800px; } .recordBox { width:783px; height: 500px; overflow-y: scroll; scrollbar-arrow-color:#ffffff; scrollbar-face-color:#ffd700; scrollbar-3dlight-color:#788d47; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff scrollbar-darkshadow-color:#000000; } .tblHead { width: 800px; background-color: #ffc; } .tblRecord { width783px; line-height:1.3; } TABLE{ margin-bottom : 0px; } --> IMG{ clear : left; } --> </style> </head> <BODY bgcolor="#400040"> <P><BR> </P> <center> <div class="headBox"> <TABLE class="tblHead" width="800" cellspacing="0" height="50"> <tr> <TH height="50" bgcolor="#000000" width="90" valign="middle" align="center"></TH> <TH height="50" bgcolor="#000000" width="90" valign="middle" align="center"></TH> <TH height="50" bgcolor="#000000" width="90" valign="middle" align="center"></TH> <TH height="50" bgcolor="#000000" width="90" valign="middle" align="center"></TH> <TH height="50" bgcolor="#000000" width="90" valign="middle" align="center"></TH> <TH height="50" bgcolor="#000000" width="90" valign="middle" align="center"></TH> <TH height="50" bgcolor="#000000" width="90" valign="middle" align="center"></TH> <TH height="50" bgcolor="#000000" width="90" valign="middle" align="center"></TH> </tr> </TABLE> </div> <div class="recordBox"> <TABLE class="tblRecord" width="783" cellspacing="0" bordercolordark="#FFFFFF" bordercolorlight="#000000" rules="none" bgcolor="#ffffff"> <tr> <TD valign="top" align="left" colspan="4" width="90" height="501"><FONT size="-1"></FONT><FONT size="-1"><BR> </FONT></TD> </tr> </TABLE> </div> </center> </BODY> </html>
- 締切済み
- ホームページ作成ソフト
- 上手く表示されない。
http://www.netmania.jp/ ネットマニアのPHPの説明を参考にPHPを作っているのですが、このページのテンプレート112を改造してつくったのですが、上手く動きません。アドバイスください。 ↓タグ <html><head> <title>タイトル</title> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META NAME="keywords" content="***"> <meta name="description" content="***"> <LINK rel="stylesheet" href="style_main.css" type="text/css"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <?php require("joubu.txt"); ?> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" style="border-color:#cccccc; border-width:1px; border-style:solid;" height="345"> <tr valign="top"> <td width="160" style="BORDER-RIGHT: #CCCCCC 1px solid" bgcolor="#F0F0F0"> <?php require("menu.txt"); ?> </td> <td colspan="2"> <?php require("main.txt"); ?> </td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" style="BORDER-LEFT: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 1px solid "><tr> <td width="3"><IMG src="002.gif" width="3" height="22"></td> <TD width="797" background="002.gif" align="center"> <?php require("under.txt"); ?> </TD></tr></table> <?php require("copyright.txt"); ?> </body></html>
- ベストアンサー
- PHP
- テキストボックスの表示
テキストボックスの表示 テキストボックスを２つ横に並べて表示したいのですが、 <html> <div style="border:thick solid;width:200;height:200;overflow:auto;"> <Table border="0" width="308" height="300" cellspacing="0" bgcolor="#ffffff"> <Tr><Td align="center" valign="top"> テキストＡ </Td></Tr> </Table></div> <div style="border:thick solid;width:200;height:200;overflow:auto;"> <Table border="0" width="200" height="200" cellspacing="0" bgcolor="#ffffff"> <Tr><Td align="center" valign="top"> テキストＢ </Td></Tr> </Table></div> </html> これで、記述をすると縦に二つ表示されます。 スタイルシートを使用しないと無理でしょうか？
- ベストアンサー
- HTML
- 表示すると文字化けします
下記のファイルが表示されると文字化けしてエンコードを修正しないとみれませんなぜでしょうか？ 日本語EUCになってしまします。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD bgcolor="#ffff00" width="699"><B><FONT size="+2">登録ありがとうございました</FONT></B></TD> </TR> <TR> <TD height="99" width="699"><B>■<A href="http*************************">使いこなすために</A>手順に沿って進んでください</B>→<A href="http**************************">次へ進む</A></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
- ベストアンサー
- HTML
- Netscape7.1 での表示方法を教えてください。
初めまして。 現在ホームページを作成中なのですが、以下のソースでページを表示しようとすると、 Netscape7.1だけ正しく表示されません。素人考えなのですがNetscapeではテーブル タグのheight="%"が無視されているように思えます。Netscapeで正しく表示される方 法をお教え下さると幸いです。よろしくお願い致します。 <html> <head> </head> <body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div style="text-align:center"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="margin:auto;text-align:left"> <tr> <td height="6%" align="center" valign="center" bgcolor="#000000"></td> </tr> <tr> <td align="left" valign="top"> <iframe name="contents" src="a.html" width="100%" height="100%" style="border:solid 0pt;border-color:#000000;" scrolling="no" frameborder="0" allowtransparency="true"></iframe></td> </tr> <tr> <td height="6%" align="center" valign="center" bgcolor="#000000"></td> </tr> </table> </div> </body> </html>
- ベストアンサー
- HTML
- ボタンを押して別の画面を表示する方法
html内でボタンを押した後、別のプログラム(html,jspなど)を画面に表示したいのですが、どなたかやり方わかりますか？ <ボタンのhtml> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT"> <title>住所検索システム</title> <link href="./pjcommon/style/menusub.css" rel="stylesheet" type="text/css"> <script language="JavaScript" src="./js/keypresscheck.js" ></script> <script language="JavaScript" src="./js/login.js" ></script> </head> <!-- <body onContextMenu="return false;" onLoad="document.loginForm.tanCd.focus();" > --> <body onLoad="document.loginForm.tanCd.focus();" > <div align="center"> <h1>住所検索システム</h1> <form name="loginForm"> <table border="0"> <td rowspan="2"> </td> <td> <input type="button" class="loginField" value="住所コード検索" style="width:700px; height:120px;" > <form action="/pg-test/jyuflm2.jsp" target="jyusyo2" method="post"> </td> </tr> <td> <input type="button" class="loginField" value="住所検索入力" style="width:700px; height:120px;" > </td> </tr> </tr> </table> </div> </body> </html>
- 締切済み
- HTML
- テーブル内に隙間が。
テーブル内に隙間が。 質問です。CSSとテーブルタグを使用してwebページを作りました。が、 IE,FireFox,Chrome等のブラウザでは添付画像のように隙間が出来ます。 これを無くすにはどうすればいいのでしょうか。 （html/cssの書き直さなくてはならない箇所はどこでしょうか） 高さは左右のセルとも300に合わせているのですが…。 どなたかご教授願います。 <!--ソース --> <style TYPE="text/css"> <!-- td { margin: 0; padding: 0px; } .content_title { display: block; position: relative; padding-left: 0px; width: 100%; height: 40px; color: #ffffff; background-color: #000000;} .content_cell { position: relative; padding-bottom: 0px; width: 100%; height: 260px; padding: 0; } .menu_link { display: block; position: relative; width: 100%; height: 30px; padding-top: 12px; text-align: center; font-size: 11pt; color: #f5f5f5; background-color: #000000; } --> </style> <table bordercolor="#aaaaaa" border="2" align="center" width="92%" bgcolor="#353535" cellspacing="2" height="300"> <td rowspan="6" width="72%" bgcolor="#ffffff" height="300" valign="top"> <div class="content_title">あいうえお</div> <div class="content_cell"><img src="img/hikaku.png" width="100%" height="100%" border="0"></div> </td> <td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../about/index.html">cell_1</a> </td> <tr><td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../flash/index.html">cell_2</a> </td></tr> <tr><td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../web/index.html">cell3</a> </td></tr> <tr><td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../diy/index.html">cell_4</a> </td></tr> <tr><td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../link/index.html">cell_5</a> </td></tr> <tr><td width="28%" align="center" height="150" bgcolor="#000000"> <!-- no contents -->no content </td></tr> </table>
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaverのデザインで表示がおかしい時
IEだと綺麗に表示されるけど、Dreamweaverのデザインで見ると表示がおかしい時って結構あり困ってます。 ソースフォーマットとかやってもやはり駄目です。 今回の場合、どのタグが悪そうでしょうか？ <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=EUC-JP"> </HEAD> <BODY> <BR> <BR> <BR> <TABLE align="center" cellSpacing=0 cellPadding=0 width="95%" bgColor=#0066cc border=0> <TBODY><TR><TD> <TABLE cellSpacing=2 cellPadding=1 width="100%" border=0> <TBODY> <TR bgColor=#0066cc> <TD align=middle><SMALL><B><FONT color=#ffffff> テキストツール </FONT></A></B></SMALL> </TD></TR> <TR bgColor=#ffffff> <TD align=middle> <TABLE height="400" cellSpacing=0 cellPadding=1 width="95%" border=0> <TBODY> <TR valign=top> <TD width="100%" valign="center" align="center"> <BR><A>トップページ</A><BR><BR> </TD> </TR> <TR valign=top> <TD width="100%" valign="top" align="center"> <A HREF="list">あ</A><BR><BR> <A HREF="clist">い</A><BR><BR> <A HREF="slist">う</A><BR><BR> </TD> </TR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </BODY></HTML>
- ベストアンサー
- ホームページ作成ソフト
- 正解の答えを表示したいのですが・・・
先日、ラジオボタンで解答を選択し、採点ボタンを押すと「○×」が出るように教えていただきました。 さらに、「○×」表示の横に、「×」の場合に正しい答えを（「Ａ」）と表示するようにしたいと思っています。 ぜひ教えてください。よろしくお願いいたします。 <html> <head> <style type="text/css"> <!-- .maru{ display:inline; width:20px; border:0px solid ; color:red; font-weight:600; } --> </style> <script language=javascript> function displayScore(f){ var score = 0; var radios=new Object(); for(i =0 ; i<f.length;i++){ if(f[i].type=="radio"){ if(!radios[f[i].name]){ radios[f[i].name]=new Object() radios[f[i].name].flg=false; radios[f[i].name].name=f[i].name; } if(f[i].checked == true){ radios[f[i].name].flg=true; radios[f[i].name].score=parseInt(f[i].value); } } } for(var i in radios){ if(radios[i].flg==false){ alert(radios[i].name+"のチェックが抜けてます"); return false; } score+=radios[i].score; f["maru_"+i].value=radios[i].score==0?"×":"○"; } alert(" あなたの点数は " + score + " 点 です"); document.form1.score.value=score } </script> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </head> <body> <FORM name="form1"> <TABLE bgcolor="#999999" cellpadding="0" cellspacing="1" height="10"> <TBODY> <TR> <TD width="193" valign="middle" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2"> Q1：あいうえお</FONT></TD> <TD valign="middle" width="151" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2"><input type="radio" name="q1" value="10" id="q1_1"><label for="q1_1">A</label> <input type="radio" name="q1" value="0" id="q1_2"><label for="q1_2">B</label> <input type="radio" name="q1" value="0" id="q1_3"><label for="q1_3">C</label></FONT></TD> <TD valign="middle" bgcolor="#ffffff" align="center" height="25" width="44"><FONT color="#000000" size="2"><input type="text" name="maru_q1" class="maru"><BR> </FONT></TD> <TD valign="middle" bgcolor="#ffffff" width="38"></TD> </TR> <TR> <TD valign="middle" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2"> Q2：かきくけこ</FONT></TD> <TD valign="middle" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2"><INPUT type="radio" name="q2" value="10" id="q2_1"><LABEL for="q2_1">A</LABEL> <INPUT type="radio" name="q2" value="0" id="q2_2"><LABEL for="q2_2">B</LABEL> <INPUT type="radio" name="q2" value="0" id="q2_3"><LABEL for="q2_3">C</LABEL></FONT></TD> <TD valign="middle" bgcolor="#ffffff" align="center" height="25" width="44"><FONT color="#000000" size="2"><INPUT type="text" name="maru_q2" class="maru"><BR> </FONT></TD> <TD valign="middle" bgcolor="#ffffff" width="38"></TD> </TR> </TBODY> </TABLE> <DIV align="left"><INPUT type="button" value=" 採 点 " onclick="displayScore(this.form)"><BR> <BR> <TABLE border="0" bgcolor="#ffff66"> <TBODY> <TR> <TD width="213" valign="middle"><FONT color="#000000" size="2"><B> あなたの点数</B> <INPUT type="text" style="ime-mode:active;text-align : center;" size="10" name="score" readonly> <B>点</B></FONT> </TD> </TR> </TBODY> </TABLE> </DIV> </FORM> <DIV align="left"></DIV> </body> </html>
- ベストアンサー
- JavaScript
- Firefoxで、tableに指定したmargin-leftがスクロールバーで×（ソース記載にて長文です）
HTMLにて質問してましたが、回答ありませんでしたので、カテゴリを変えて質問させていただきます。 bodyをmargin、paddingともに0にして、tableを配置してmargin-left:15pxを指定したのですが、スクロールバーが出た時にFireFox2.0でずれます（他、IE6、safari3は問題無）。 どうも、marginがきかなくなるようですが、原因がお分かりになれば教えていただけないでしょうか？ また、回避策は何かあるでしょうか？ divに設定したmarginは問題無です。 tableをdivで括って、marginはdivに設定すれば問題ありません。でも、できればシンプルにbodyの直下にtable配置したいと思っているのですが…。 どうぞよろしくお願いします！ 以下にサンプルソースを記述します↓ ------ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>テーブル</title> <style> <!-- body{ margin:0; padding:0; } --> </style> </head> <body> <div style="width:500px; background-color:#00FF00; margin-left:14px;">div</div> <table width="500" border="0" cellspacing="0" cellpadding="0" style="margin-left:14px;"> <tr> <td bgcolor="#0099FF">テーブル</td> </tr> </table> </body> </html>
- ベストアンサー
- CSS
お礼
ありがとうございました、勉強しないと、駄目ですね、反省。