Dreamのお好み情報箱

業務連絡なのかな？（笑）
http://www.toyamav.net/~bitstoyama/default.css
のCSSについてです。
InternetExplorer6 ではposition:fixedが適用されないというバグがあり、それ以外ではきちんと適用されます。

1.
CSSが適用されるブラウザの一つ、Operaで閲覧すると、
10行目　div#main のブロックにある
position:fixed;
の行を削除しないと、文字が重なってしまっていて変です。

2.
もう１ヶ所はその前の .navibar のブロックです。
IE6では、position:fixed が適用されないため真中辺りにドンと表示されます。height指定も無視されます。
Operaではきちんと適用されるのですが、height:10%のせいか、狭いです。（10行あるので 15emとかではどうでしょうか。）
position:fixed を外してしまえば、どちらも同じようにナビが真中にドンと表示されるのですが、それは意図とは違いますよね？

IE側での解決方法を探してきます…

2.のnavibarの解決法について、英語ですが、資料をみつけました。
http://web.tampabay.rr.com/bmerkey/examples/fake-position-fixed.html

以下をやると、左上から縦向きにナビメニューが表示されます。それでよければ.navibarのheightを高めにしてください。
ページ上部に横向きにではないのでアシカラズ。

それを元に解説。
1. まずHTMLのページのDOCTYPE は必ずURL入りのものにし、HTMLのページの１文字目から入れます。
これをしないと標準モードにならず、CSSを修正しても意味がありません。

2. CSSの1行目から以下の3行を挿入します。
* html, * html body {
overflow: auto; height: 100%;
}
以上の3行です。（スターハックを利用しています）

3. fixedにしたい位置には、position:absolute を入れるということなので、.navibar の
postition:fixed; の次に以下の１行を挿入します。
_position:absolute;
以上の１行です。（これはアンダースコアハックを利用しています）

4. 副作用として、ページ内のposition:absoluteは全てfixed扱いになります（IE6のみ）
それと、IE6未満での表示についてはわかりません。すみません。

横向きへのやり方もわかった（と思う）ので書いておきます。（１番目のコメントのdiv#main は行ってください。　２番目のコメントは無視してください）

1.
.navibar のブロックの、
position:fixed;
を削除します。
height:10%
も不要です。

2.
次の３行をどこかに挿入します。
.navibar li {
display:inline;
}
ここまで。

これでいいはずです。

いつもありがとうございます。
実は大変困ってたので非常に助かりました。
一応修正してみましたがどうでしょうか。

ざっと見直しましたが直っていると思います。
SPコードを見た瞬間「ナニコレ！」とは思いましたが（笑）

ところで、長文コメントすみませんでした。

SPコード、サイトにおいてもあまり意味ないですかね。
こちらから印刷で頒布しているちらしをできるだけそのまま表現してみたのですが…
印刷用にPDFでおいた方がいいのかな…と思ってたりもしますが。
個人的にはSPコードなどあまり興味はありませんけどね。