memo/20110222

Androidで自分のページを見たときに、右のメニューが邪魔だったので、cssを変更し、ウィンドウ幅が狭いときは、メニューが隠れるようにしてみました。

@media print, aural {
DIV.adminmenu {display: none;}
div.sidebar {display: none;}
div.sidebar#ss {display: none;}
div.footer {display: none;}
}
@media only screen and (min-width: 951px) {
DIV.adminmenu {display: block;}
div.sidebar {display: block;}
div.sidebar#ss {display: none;}
div.footer {display: block;}
}
@media handheld, only screen and (max-width: 950px) {
DIV.adminmenu {display: block;}
div.sidebar {display: none;}
div.sidebar#ss {display: block;}
div.footer {display: none;}
}

サイドバーのページには、まず長いほうのサイドバーを

DIV class="sidebar"

でくくって書き、続けてちいちゃいほうを

DIV class="sidebar" id="ss"

でくくって書いています。

---

あー、フッターを隠すとmomoseさんのコピーライトも消えちゃうのか。うーむ。プリント用がもとから消えるようになってたからよし、と解釈してみます。