use: Yahoo!知恵袋Web API
CSSで操作するWebのレイアウトについて質問が有ります。
Tableタグでレイアウトしていた時は、本文の長さなどで全体のTableが縦方向に自動で伸びるのですが、CSSの場合はどのようにしたら良いか教えて下さい。
CSSで操作するWebのレイアウトについて質問が有ります。
Tableタグでレイアウトしていた時は、本文の長さなどで全体のTableが縦方向に自動で伸びるのですが、CSSの場合はどのようにしたら良いか教えて下さい。
次のソースを考えた場合、ページはmain(赤)とleft(青)、right(黄)の3つのパーツに分割されると思います。
下記のソースをブラウザで見て頂くと解るのですが、mainからleftがはみ出てしまってます。
まだcssで各パーツを制御する方法に慣れておらず、leftやrightがテキストを書き込んで大きくなった時にそれに追従してmainを広げる方法が解りません・・・。
そのような方法がTableの各セルのように出来るのかどうかも解りませんので、可否と可能な場合はその方法を教えて頂けないでしょうか。
<?xml version="1.0" encoding="Shift_JIS"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml: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" /><meta name="robots" content="index,follow" /><meta name="robots" content="noodp" /><meta name="robots" content="noydir" /><title>TEST</title><style type="text/css"><!--.main {position:absolute;top:20px;left:20px;width:650px;background-color:red;}.left {position:absolute;top:50px;left:10px;width:100px;background-color:blue;color:white;}.right {position:absolute;top:50px;right:10px;width:100px;background-color:yellow;}--></style></head><body><div class="main">a
b
c
d
e
f
d
<div class="left">左側メニュー
左側メニュー
左側メニュー
左側メニュー
左側メニュー<!-- この後が更新に伴い増える可能性あり -->
</div><div class="right">右側メニュー
右側メニュー
右側メニュー
右側メニュー
<!-- この後が更新に伴い増える可能性あってmainの高さを追従して増やしたい --></div></div></body></html>
Windows Live SkyDriveにpdfファイル(12メガバイト)を置いて外部から直リンク出来ますか?
今借りているWEBスパースとアップロードできるファイルサイズに制限があるために、fc2のスペースに12メガバイトのPDFフアイルを置いて、直リンクを張って見えるようにしています。
fc2では大きなファイルの場合、見つかり次第削除の対象となるようで、幾度と無く削除されています。
Windows Live SkyDriveにPDFの大きなファイルを置いて、直リンクできたら便利なのですが、出来るでしょうか?
出来るとしたらどのようにリンクを張ればよいでしょうか?
Ajaxの通信が1回しか実行されません。
お世話になります。
Windowsにapacheをインストールし、JavaScriptにてAjaxの通信コードをマニュアル本を参考に作成したのですが、データ受信tryが一度しか行われません。
同じファイルをLinux(Ubuntu9.02)にて実行すると、データ受信まで何度も通信tryが行われます。
つきましては、下記コードにてデータ受信tryが受信成功になるまで繰り返す様にする方法をご教示下さい。
【コード】<html><head><meta http-equiv=content-type" content="text/html;charset=Shift-JIS"><title>Web_data_source</title><script type="text/javascript"><!-- function getFile() { //filename = prompt("test_web.txt","c:\\\\test_web.txt"); filename = prompt("test_web.txt","test_web.txt"); if (!filename) return; xmlhttp = createXMLHttp(); alert("OK1"); if (xmlhttp !=null) { alert(filename) xmlhttp.onreadystatechange = check(); // if ( xmlhttp.open("get",filename,true); alert("OK2") xmlhttp.send(null); } function check() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.aForm.tArea.value = xmlhttp.responseText; alert("OK"); }else{ alert("NG"); alert(xmlhttp.readyState); alert(xmlhttp.status); } } // }// XMLHttpオブジェクト作成function createXMLHttp() { try { //return new ActiveXObject("Msxml2t.XMLHTTP"); //IE用 //alert("OK4"); return new ActiveXObject(); //Firefox用 alert("OK3"); }catch(e){ try { return new XMLHttpRequest(); alert("OK3-1"); }catch(e){ return null; alert("OK3-2"); } } return null; } } --></script> </head><body> <form name="aForm"><input type="button" value="file_get" onClick="getFile()">
<textarea cols="40" rows="20" id="tArea"> </textarea>
</body><html> 宜しくご回答を頂けます様お願いします。
![]()
Copyright © レンタルサーバーのメリット・デメリット All rights reserved.