はてなヘッダ改造
いい感じなものが支給されてはてなダイアリーを使う気持ちが5ポイント程あがりました。いままで活用していなかったのはあの table に包まれたかっこわるいのがあったからです。
その細いナビバーだけど、スタイルがいまいち良くない。absoluteで右寄せっておまえ、大事なformにかぶってしまいますがな。というわけでここはul要素を軽やかにstatic致しまして、div要素の中身は全てinlineとしゃれこみましょう。折り返しが嫌ならばwhite-spaceをnowrapしてoverflowをhiddenとするのも良いでしょう。(※ほげほげビリティが少々減少しますが)
/* 新ヘッダ用 */
#simple-header {
padding:2px 0 4px 0;
position:fixed;
width:100%;
top:0;
left:0;
border-bottom:solid 1px #93969d;
overflow:hidden;
white-space:nowrap;
}#simple-header * {
display:inline !important;
position:static !important;
}#simple-header a:hover {
background-color:transparent;
}#simple-header ul,
#simple-header li {
margin:0;
padding:0;
line-height:100%;
}a img {
border:none;
}