debuneko333 @ ウィキ
http://w.atwiki.jp/debuneko333/
debuneko333 @ ウィキ
ja
2010-09-27T22:42:12+09:00
1285594932
-
css分岐
https://w.atwiki.jp/debuneko333/pages/26.html
2010-09-27T22:42:12+09:00
1285594932
-
条件付きコメント
https://w.atwiki.jp/debuneko333/pages/25.html
2010-09-27T20:49:34+09:00
1285588174
-
selfcheck
https://w.atwiki.jp/debuneko333/pages/24.html
<?xml version="1.0" encoding="EUC-JP"?>
<!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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=EUC-JP" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="shortcut icon" href="../img/110sekuhara.ico">
<title>セルフチェック セクハラ被害者編</title>
<link rel="shortcut icon" href="">
<link rel="stylesheet" type="text/css" media="all" href="../css/set.css" title="style importer" />
<script type="text/javascript">
function Mycnt() {
var Myobj = document.getElementById('Mychk'); // id名が "Mychk"内のオブジェクトを Myobj に格納
var Mytag = Myobj.getElementsByTagName('input'); // Myobj 内の "input"タグ要素を格納
var chksuu = 0; //チェックの数のカウンタ
var Myvalue=""; //空白の文字列
for (var i = 0; i < Mytag.length; i ++) { //Mytag.length; チェックボックスの数
if (Mytag[i].checked == true) { //checked == trueであればチェック有り
Myvalue += Mytag[i].value;//チェックのあるMytag[i] のvalue値の結合
chksuu ++; // trueであれば １ずつ加算します
}
}
if (chksuu > 0) { //チェックがある時のメッセージです
msg = "あなたのチェックしたYESの数は " + chksuu + "個です。";
}
else { //チェックがない時のメッセージです
msg = "あなたのチェックしたYESの数は0個です。";
}
document.getElementById('tBox').innerHTML=msg; // メッセージを"tBox"に書き込みます
}
chn = new Array('check1','check2','check3','check4','check5','check6','check7','check8','check9','check10','check11','check12');
function chBxOff(){
for(i=0; i<chn.length; i++) {
document.Various.elements[chn[i]].checked = false;
msg = "あなたのチェックしたYESの数は0個です。";
document.getElementById('tBox').innerHTML=msg; // メッセージを"tBox"に書き込みます
}
}
function hanteiBt(){
var MyImg = document.getElementById('kekka');
var Myobj = document.getElementById('Mychk'); // id名が "Mychk"内のオブジェクトを Myobj に格納
var Mytag = Myobj.getElementsByTagName('input'); // Myobj 内の "input"タグ要素を格納
var chksuu = 0; //チェックの数のカウンタ
var Myvalue=""; //空白の文字列
for (var i = 0; i < Mytag.length; i ++) { //Mytag.length; チェックボックスの数
if (Mytag[i].checked == true) { //checked == trueであればチェック有り
Myvalue += Mytag[i].value;//チェックのあるMytag[i] のvalue値の結合
chksuu ++; // trueであれば １ずつ加算します
}
}
if (chksuu >= 0 && chksuu <= 2) { //チェックが0~2個ある時のメッセージです
document.getElementById('iBoxa').style.display ='block';
document.getElementById('iBoxb').style.display ='none';
document.getElementById('iBoxc').style.display ='none';
document.getElementById('iBoxd').style.display = 'none';
}
else if (chksuu >= 2 && chksuu <= 5) { //チェックが2~5個ある時のメッセージです
document.getElementById('iBoxa').style.display ='none';
document.getElementById('iBoxb').style.display ='block';
document.getElementById('iBoxc').style.display ='none';
document.getElementById('iBoxd').style.display = 'none'; }
else if (chksuu >= 5 && chksuu <= 8) { //チェックが5~8個ある時のメッセージです
document.getElementById('iBoxa').style.display ='none';
document.getElementById('iBoxb').style.display ='none';
document.getElementById('iBoxc').style.display ='block';
document.getElementById('iBoxd').style.display = 'none';
}
else { //チェックが9~12個ある時のメッセージです
document.getElementById('iBoxa').style.display ='none';
document.getElementById('iBoxb').style.display ='none';
document.getElementById('iBoxc').style.display ='none';
document.getElementById('iBoxd').style.display = 'block';
}
document.getElementById('default-close').style.display='block';
document.getElementById('default-open').style.display='none';
}
function CloseBt(){
document.getElementById('default-open').style.display='block';
document.getElementById('default-close').style.display='none';
}
</script>
</head>
<body>
<div id="wrapper">
<div id="container">
<!-- [main] -->
<div id="main" class="clearfix">
<div id="main-cont">
<h1><img src="../img/h1_selfcheck.jpg" alt="セルフチェック" /></h1>
<p id="pankuzu" class="mg_left15"><a href="../index.html">ホーム</a> > <a href="../sh.html">セクハラの基礎知識</a> > <a href="check/self_sh_h.html" class="now">セルフチェック セクハラ被害者編</a></p>
<div id="inner" class="mg_left15">
<div id="inner_top" class="clearfix">
<img src="../img/maru_selfcheck.jpg" alt="セルフチェック self check" id="maru"/>
<h2 id="sc_sh"><img src="../img/h2_sc_sh_h.gif" alt="セクハラ被害者編" /></h2>
<p>職場でこれくらいならと、無理に我慢していることはありませんか？
もしかすると、あなたがされていることはセクハラかもしれません。また、あなたの態度や職場の環境がセクハラを容認している可能性があります。あなたの職場にセクハラの芽が生えていないかチェックしてみましょう。</p>
<!-- /inner_top --></div>
<div id="inner_center">
<h3 id="sc_sh_h"><img src="../img/h3_sc_sh_h.gif" alt="セルフチェック（あなたのセクハラ被害者度）" /></h3>
<p class="mg">以下の質問のうち、あてはまると思う項目にチェックをしてください。</p>
<form name="Various" id="Mychk">
<table class="sctable" cellpadding="0" cellspacing="0">
<tr class="koumoku">
<td>1.顔を合わせたくないと思う上司や同僚がいる。</td>
<td class="cb"><input type="checkbox" value="1" onclick="Mycnt()" name="check1"></td>
</tr>
<tr class="koumoku">
<td>2.不快な視線を感じることがある。</td>
<td class="cb"><input type="checkbox" value="2" onclick="Mycnt()" name="check2"></td>
</tr>
<tr class="koumoku">
<td>3.男性社員と女性社員の人数の比率に差がある。</td>
<td class="cb"><input type="checkbox" value="3" onclick="Mycnt()" name="check3"></td>
</tr>
<tr class="koumoku">
<td>4.身体を触られることがある。</td>
<td class="cb"><input type="checkbox" value="4" onclick="Mycnt()" name="check4"></td>
</tr>
<tr class="koumoku">
<td>5.男性社員と女性社員の役割分担が、暗黙の了解で決められている。</td>
<td class="cb"><input type="checkbox" value="5" onclick="Mycnt()" name="check5"></td>
</tr>
<tr class="koumoku">
<td>6.自分が我慢すれば済むと思うことは、我慢してしまう。</td>
<td class="cb"><input type="checkbox" value="6" onclick="Mycnt()" name="check6"></td>
</tr>
<tr class="koumoku">
<td>7.上司から二人きりで食事に誘われることがある。</td>
<td class="cb"><input type="checkbox" value="7" onclick="Mycnt()" name="check7"></td>
</tr>
<tr class="koumoku">
<td>8.クビや契約の解除が怖いので、上司には逆らわないようにしている。</td>
<td class="cb"><input type="checkbox" value="8" onclick="Mycnt()" name="check8"></td>
</tr>
<tr class="koumoku">
<td>9.体形や容姿について、からかわれた。</td>
<td class="cb"><input type="checkbox" value="9" onclick="Mycnt()" name="check9"></td>
</tr>
<tr class="koumoku">
<td>10.恋愛関係や結婚についてなど、プライベートについて聞かれることがある。</td>
<td class="cb"><input type="checkbox" value="10" onclick="Mycnt()" name="check10"></td>
</tr>
<tr class="koumoku">
<td>11.「女だから…」または「男のくせに…」と言われることがある。</td>
<td class="cb"><input type="checkbox" value="11" onclick="Mycnt()" name="check11"></td>
</tr>
<tr class="koumoku">
<td>12.会社のパソコンに、仕事とは関係のない私的な内容のメールが届く。</td>
<td class="cb"><input type="checkbox" value="11" onclick="Mycnt()" name="check12"></td>
</tr>
<tr class="hantei_s"><td id="tBox">あなたのチェックしたYESの数は0個です。</td>
<td class="cb"><input type="button" value="リセット" onClick="chBxOff()" /></td></tr>
</table>
</form>
<div id="default-open">
<a href="javascript:;" onclick="hanteiBt()">判定する</a>
</div>
<div id="default-close" style="display: none;">
<a href="javascript:;" onclick="CloseBt()">判定を閉じる</a>
<div id="iBoxa" class="hantei_i"><img src="../img/hantei_sh_h0.gif" alt="被害者度0％ 汚れの無い清らかな聖域"/></div>
<div id="iBoxb" class="hantei_i"><img src="../img/hantei_sh_h30.gif" alt="被害者度30％ ひょっとしたらセクハラかも？"/></div>
<div id="iBoxc" class="hantei_i"><img src="../img/hantei_sh_h75.gif" alt="被害者度75％ 相談の価値あり"/></div>
<div id="iBoxd" class="hantei_i"><img src="../img/hantei_sh_h100.gif" alt="被害者度100％ そこはもうセクハラの密林!?"/></div>
</div>
<div class="hanteikekka clearfix">
<dl>
<dt>YESの数が0〜1個 被害者度数 0％</dt>
<dd class="kekka_midasi">汚れの無い清らかな聖域</dd>
<dd class="kekka_detail">特にセクハラに対して、心配する必要はないようです。今のところあなたのいる場所は安全地帯です。もし被害に遭っても、あなたには、はっきりとNOといえる勇気と正義感が備わっているはず。これからも悪い芽が育たないように目を光らせてください。</dd>
</dl>
<img src="../img/sc_sh_h0.gif" alt="被害者度0％のイメージ"/>
</div>
<div class="hanteikekka clearfix">
<dl>
<dt>YESの数が2〜5個 被害者度数 30%</dt>
<dd class="kekka_midasi">ひょっとしたらセクハラかも？</dd>
<dd class="kekka_detail">もしかすると、セクハラの小さな芽が育ち始めているかもしれません。周囲もあなた自身もさほど気にしていないのかもしれませんが、このままエスカレートしていけば、小さな芽が大問題に成長してしまいます。セクハラの予防に対する意識を高めましょう。</dd>
</dl>
<img src="../img/sc_sh_h30.gif" alt="被害者度30％のイメージ"/>
</div>
<div class="hanteikekka clearfix">
<dl>
<dt>YESの数が6〜9個 被害者度数 75％</dt>
<dd class="kekka_midasi">相談の価値あり</dd>
<dd class="kekka_detail">これくらい仕方ないと思って、我慢していることはありませんか？
ほっておけばセクハラはどんどん勢力を増し、あなたの足を引っ張り始めます。些細なことでも、不快に感じていることがあれば、誰かに相談してみましょう。</dl>
<img src="../img/sc_sh_h75.gif" alt="被害者度75％のイメージ"/>
</div>
<div class="hanteikekka clearfix">
<dl>
<dt>YESの数が10〜12個 被害者度数 100％</dt>
<dd class="kekka_midasi">そこはもうセクハラの密林!?</dd>
<dd class="kekka_detail">あなたの周りで、セクハラは増殖し日常的になっているようです。あなた自身もあきらめて、セクハラを許してしまっているのではないでしょうか。今の状況は健全ではありません。すぐに対策を講じる必要があります。あなただけでなく、会社全体の環境の改善と意識の改革が必要です。</dl>
<img src="../img/sc_sh_h100.gif" alt="被害者度100％のイメージ"/>
</div>
<!-- /inner_center --></div>
<!-- [/innner] --></div>
<img src="../img/waku_b_b.gif" class="mg_left15" alt="外枠の画像"/>
<p id="bt_top"><a href="self_sh_h.html"><img src="../img/icon_ue.jpg" />ページの先頭へ</a></p>
<!-- [/#main-cont] --></div>
<div id="menu-cont">
<div id="navi01">
<p><a href="../index.html"><img src="../img/logo.jpg" alt="セクハラ110番〜セクハラ・パワハラに関する対策・ご相談〜" /></a></p>
<ul>
<li id="navi01"><a href="../sh.html"><img src="../img/navi01.gif" alt="セクハラの基礎知識" /></a></li>
<li id="navi02"><a href="../ph.html"><img src="../img/navi02.gif" alt="パワハラの基礎知識" /></a></li>
<li id="navi03"><a href="../advice.html"><img src="../img/navi03.gif" alt="対策とアドバイス" /></a></li>
<li id="navi04"><a href="../jirei.html"><img src="../img/navi04.gif" alt="事例集" /></a></li>
<li id="navi05"><a href="../law.html" class="now"><img src="../img/navi05.gif" alt="法律と裁判" /></a></li>
<li id="navi06"><a href="../course.html"><img src="../img/navi06.gif" alt="相談員養成通信講座" /></a></li>
<li id="navi07"><a href="../soudan.html"><img src="../img/navi07.gif" alt="ハラスメント相談窓口" /></a></li>
<li><img src="../img/navi_foot.gif" alt="背景画像" /></li>
</ul>
<!-- /navi01 --></div>
<ul id="subnavi">
<li><img src="../img/subnavi_selfcheck.jpg" alt="セルフチェック" /></li>
<li class="bk_normal"><a href="self_sh_h.html">セクハラ被害者編</a></li>
<li class="bk_normal"><a href="self_sh_k.html"></a>セクハラ加害者編</li>
<li class="bk_normal"><a href="self_ph_h.html">パワハラ被害者編</a></li>
<li class="bk_bottom"><a href="self_ph_k.html">パワハラ加害者編</a></li>
</ul>
<!-- [/#menu-cont] --></div>
<!-- [/main] --></div>
<!-- [footer] -->
<div id="footer">
<div id="footer_bk"><p><a href="../form/form_free.html"><img src="../img/bt_mail.gif" alt="メール相談受付中" /></a></p></div>
<div id="copy"> Copyright©セクハラ110番 All rights reserved.</div>
<div id="links">
<a class="footer" href="../about.html">このサイトについて</a> | <a class="footer" href="../privacy.html">プライバシーポリシー</a> | <a class="footer" href="../sitemap.html">サイトマップ</a> | <a class="footer" href="../contact.html">お問合せ</a> | <a class="footer" href="../tokusyouhou.html">特定商取引法に基づく表記 </a></div>
<!-- [/footer] --></div>
<!-- [/container] --></div>
<!-- [/wrapper] --></div>
<img src="../img/bk_b830.jpg" alt="外枠背景画像" />
</body>
</html>
2010-09-01T23:34:13+09:00
1283351653
-
javascript チェックボックスの値＆表示 非表示
https://w.atwiki.jp/debuneko333/pages/21.html
<!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">
<HEAD>
<TITLE>チェックボックスのチェックの有無とチェックの数を調べます</TITLE>
<script type="text/javascript">
<!--
function Mycnt() {
var Myobj = document.getElementById("Mychk"); // id名が "Mychk"内のオブジェクトを Myobj に格納
var Mytag = Myobj.getElementsByTagName("input"); // Myobj 内の "input"タグ要素を格納
var chksuu = 0; //チェックの数のカウンタ
var Myvalue=""; //空白の文字列
for (var i = 0; i < Mytag.length; i ++) { //Mytag.length; チェックボックスの数
if (Mytag[i].checked == true) { //checked == trueであればチェック有り
Myvalue += Mytag[i].value;//チェックのあるMytag[i] のvalue値の結合
chksuu ++; // trueであれば １ずつ加算します
}
}
if (chksuu > 0) { //チェックがある時のメッセージです
msg = "あんたのチェックした数は " + chksuu + "個やで";
}
else { //チェックがない時のメッセージです
msg = "あんたのチェックした数は0個やで";
}
document.getElementById("tBox").innerHTML=msg; // メッセージを"tBox"に書き込みます
}
All_Items = new Array("check1","check2","check3","check4","check5","check6","check7","check8","check9","check10","check11"); // 処理対象項目名
function Check_default(){ // デフォルトに戻します
for(i in All_Items){
document.Various.elements[All_Items[i]].checked = document.Various.elements[All_Items[i]].defaultchecked;
msg = "あんたのチェックした数は0個やで";
document.getElementById("tBox").innerHTML=msg; // メッセージを"tBox"に書き込みます
document.getElementById('ibox01').style.display = "none";
document.getElementById('ibox02').style.display = "none";
document.getElementById('ibox03').style.display = "none";
document.getElementById('ibox04').style.display = "none";
}
}
function Check_hantei(){ // 画像表示
var MyImg = document.getElementById("kekka");
var Myobj = document.getElementById("Mychk"); // id名が "Mychk"内のオブジェクトを Myobj に格納
var Mytag = Myobj.getElementsByTagName("input"); // Myobj 内の "input"タグ要素を格納
var chksuu = 0; //チェックの数のカウンタ
var Myvalue=""; //空白の文字列
for (var i = 0; i < Mytag.length; i ++) { //Mytag.length; チェックボックスの数
if (Mytag[i].checked == true) { //checked == trueであればチェック有り
Myvalue += Mytag[i].value;//チェックのあるMytag[i] のvalue値の結合
chksuu ++; // trueであれば １ずつ加算します
}
}
if (chksuu >= 0 && chksuu <= 2) { //チェックが0~2個ある時のメッセージです
document.getElementById('ibox01').style.display = "";
document.getElementById('ibox02').style.display = "none";
document.getElementById('ibox03').style.display = "none";
document.getElementById('ibox04').style.display = "none";
}
else if (chksuu >= 2 && chksuu <= 5) { //チェックが2~5個ある時のメッセージです
document.getElementById('ibox01').style.display = "none";
document.getElementById('ibox02').style.display = "";
document.getElementById('ibox03').style.display = "none";
document.getElementById('ibox04').style.display = "none"; }
else if (chksuu >= 5 && chksuu <= 8) { //チェックが5~8個ある時のメッセージです
document.getElementById('ibox01').style.display = "none";
document.getElementById('ibox02').style.display = "none";
document.getElementById('ibox03').style.display = "";
document.getElementById('ibox04').style.display = "none";
}
else { //チェックが9~12個ある時のメッセージです
document.getElementById('ibox01').style.display = "none";
document.getElementById('ibox02').style.display = "none";
document.getElementById('ibox03').style.display = "none";
document.getElementById('ibox04').style.display = "";
}
}
// -->
</script>
</HEAD>
<BODY>
<p>チェックを入れてください。</p>
<form name="Various" id="Mychk">
<input type="checkbox" value="1" onclick="Mycnt()" name="check1">1
<input type="checkbox" value="2" onclick="Mycnt()" name="check2">2
<input type="checkbox" value="3" onclick="Mycnt()" name="check3">3
<input type="checkbox" value="4" onclick="Mycnt()" name="check4">4
<input type="checkbox" value="5" onclick="Mycnt()" name="check5">5
<input type="checkbox" value="6" onclick="Mycnt()" name="check6">6
<input type="checkbox" value="7" onclick="Mycnt()" name="check7">7
<input type="checkbox" value="8" onclick="Mycnt()" name="check8">8
<input type="checkbox" value="9" onclick="Mycnt()" name="check9">9
<input type="checkbox" value="10" onclick="Mycnt()" name="check10">10
<input type="checkbox" value="11" onclick="Mycnt()" name="check11">11
<input type="button" value="リセット" onClick="Check_default()" />
<input type="button" value="判定する" onClick="Check_hantei()" />
</form>
<br/>
<div id="tBox">あんたのチェックした数は0個やで</div>
<div id="ibox01" style="display:none"><img id="kekka" src="img/ouji.gif" /></div>
<div id="ibox02" style="display:none"><img id="kekka" src="img/oujyo.gif"/></div>
<div id="ibox03" style="display:none"><img id="kekka" src="img/ohhi.gif"/></div>
<div id="ibox04" style="display:none"><img id="kekka" src="img/ousama.gif"/></div>
</BODY>
</HTML>
2010-08-31T01:24:32+09:00
1283185472
-
開閉するQ&A javascript
https://w.atwiki.jp/debuneko333/pages/20.html
参考 http://amenti.usamimi.info/treemenu2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" href="import.css" type="text/css" media="all" />
<script type="text/javascript"><!--
function qa(menu_class,menu_id) {
var div=document.getElementById(menu_id);
if (div.style.display == "block") div.style.display="none";
else {
var sib=div.parentNode.childNodes;
for (var i=0; i < sib.length; i++)
if (sib[i].className == menu_class) sib[i].style.display="none";
div.style.display="block";
}
}
// --></script>
<title>test</title>
</head>
<body>
<div id="first">
<div id="content">
<div id="qa">
<dl class="first-qa">
<dt><a href="javascript:qa('tree','menu1');">派遣法改正後新しく加わった職種はなんですか？</a></dt>
<dd class="tree" id="menu1"><p>従来は、OA機器操作、ファイリングなど人材派遣が認められていたのは、<br />
26業務だけでしたが2004年３月の労働者派遣法改正以降は、</p>
<ul>
<li>港湾運送業務</li>
<li>建設業務</li>
<li>警備業務</li>
</ul>
<p>これら3つを除くすべての業務について人材派遣が認められることとなりました。<br />
この事より、販売、営業，医療、製造などスタッフの方々にとって活躍できるお仕事の幅が大幅に広がりました。</p></dd>
<dt><a href="javascript:qa('tree','menu2');">改正後の新職種の派遣期間は、どうなっていますか？</a></dt>
<dd class="tree" id="menu2">
<p>物の製造業務については、改正法が施行されてから三年を過ぎる日までは、派遣期間は最長一年でしたが、
2007年3月より最長三年の派遣期間となりました。 医療関連業務は、社会福祉施設などの医療関連業務に限って解禁となりました。</p>
</dd>
<dt><a href="javascript:qa('tree','menu3');">派遣先で困ったことが起ったら？</a></dt>
<dd class="tree" id="menu3">
<p>リバティーの担当者にご遠慮なく何でもご相談ください。<br />
あなたが気持ちよく働けるよう最善の努力を尽くします。</p>
</dd>
</dl>
</div>
</div>
</div>
</body>
</html>
2010-06-29T23:12:48+09:00
1277820768
-
透明css
https://w.atwiki.jp/debuneko333/pages/19.html
filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;
IE
alpha(opacity=透明度);
100が100％となる。25％の場合は、25
Firefox・Netscape
-moz-opacity:.透明度;
1.0が100％となる。25％の場合は、.25
Opera・Safari
opacity:透明度;
1.0が100％となる。25％の場合は、.25
CSS3.0からは、opacity:透明度;の設定ですべてのブラウザで表示可能となるようです。
2010-02-05T22:34:17+09:00
1265376857
-
親ボックスに高さをつける（floatでぺちゃんこ）
https://w.atwiki.jp/debuneko333/pages/18.html
#parentBox＝高さを出したいボックス
/* start: clearfix ------------------------------ */
#parentBox:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
#parentBox { display:inline-table; }
/* Hides from Mac IE \*/
* html #parentBox { height:1px; }
#parentBox { display:block; }
/* */
/* end: clearfix ------------------------------ */
2009-12-28T13:40:02+09:00
1261975202
-
footer_css02
https://w.atwiki.jp/debuneko333/pages/17.html
1. html, body {
2. height: 100%; /* ① */
3. margin: 0;
4. padding: 0;
5. text-align: center;
6. }
7. #container {
8. min-height: 100%; /* ② */
9. height: auto !important; /* ③ */
10. height: 100%; /* ④ */
11. position: relative;
12. }
13. #screen {
14. width: 500px;
15. margin: 0 auto;
16. text-align: left;
17. padding-bottom: 100px;
18. }
19. #header {
20. height: 50px;
21. }
22. #menu {
23. height: 30px;
24. }
25. #footer {
26. height: 100px;
27. width: 500px; /* ⑤ */
28. position: absolute; /* ⑥ */
29. bottom: 0; /* ⑦ */
30. }
2009-12-27T22:35:37+09:00
1261920937
-
footer_css
https://w.atwiki.jp/debuneko333/pages/16.html
html, body, #contena {
height: 100%;
}
body > #contena {
height: auto;
min-height: 100%;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#footer{
font-weight:bold;
clear: both;
position: relative;
margin-top: -10px; /* negative value of footer height */
height: 10px
}
2009-12-26T20:04:38+09:00
1261825478
-
temp
https://w.atwiki.jp/debuneko333/pages/14.html
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift-JIS" />
<link type="text/css" rel="stylesheet" href="../common/common.css" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>[光コミュニケーションズ株式会社]</title>
<!-- TemplateEndEditable -->
<!-- TemplateParam name="category" type="text" value="" -->
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="../index.html">光コミュニケーションズ株式会社</a></h1>
<ul id="topmenu">
<li id="company"@@((category=='company')?' class="now"':'')@@><a href="../company.html">会社情報company</a></li>
<li id="service"@@((category=='service')?' class="now"':'')@@><a href="../service.html">サービスservice</a></li>
<li id="recruit"@@((category=='recruit')?' class="now"':'')@@><a href="../recruit.html">採用情報recruit</a></li>
<li id="contact"@@((category=='contact')?' class="now"':'')@@><a href="../contact.html">お問い合わせcontact</a></li>
</ul>
<br class="kaijyo"/>
</div><!--header-->
<!-- TemplateBeginEditable name="contents" -->
<img src="../img/flash.jpg"/>
<div id="contents">
<div id="index_left">
<p><img src="../img/ue_525.gif" /></p>
<h2 class="waku_left"><img src="../img/kousin_h2.gif" alt="更新情報" /></h2>
<dl class="waku_left">
<dt class="blue">2009年8月10日</dt>
<dd class="gray">「7大特典キャンペーン」ご好評につき継続中です！<br />
もれなく無線LANルータプレゼント http://ntt.flets-web.com/west/</dd>
<dt class="blue">2009年8月10日</dt>
<dd class="gray">「7大特典キャンペーン」ご好評につき継続中です！<br />
もれなく無線LANルータプレゼント http://ntt.flets-web.com/west/</dd>
<dt class="blue">2009年8月10日</dt>
<dd class="gray">「7大特典キャンペーン」ご好評につき継続中です！<br />
もれなく無線LANルータプレゼント http://ntt.flets-web.com/west/</dd>
</dl>
<p><img src="../img/sita_525.gif" /></p>
</div><!--index_left-->
<div id="index_right">
<p><img src="../img/ue_275.gif" /></p>
<h2 class="waku_right"><img src="../img/backnumber_h2.jpg" alt="バックナンバー" /></h2>
<ul class="waku_right">
<li class="gray">2009年8月10日</li>
<li class="gray">2009年6月1日</li>
</ul>
<p><img src="../img/sita_275.gif" /></p>
</div><!--index_right-->
<br class="kaijyo"/>
</div><!--contents-->
<!-- TemplateEndEditable -->
<div id="footer">
<ul id=navi_foot>
<li><a href="../index.html">トップ</a></li>
<li><a href="../privacy.html">プライバシーポリシー</a></li>
<li class="border_r"><a href="../sitemap.html">サイトマップ</a></li>
</ul>
<address>Copyright (c) 2007-2009 Optical Communications Co.,Ltd. All Rights Reserved.</address>
</div><!--footer-->
</div><!--wrapper-->
</body>
</html>
2009-12-17T13:18:44+09:00
1261023524