World of granshe.
HTMLやCSS、JavaScriptに関する話題を中心に、Web制作について知ったこと、覚えておきたいことをメモしておく個人的スペースです。
[PR]
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
<ul id="navi">にするか、<div id="navi"><ul>にするか
今まで、グローバルナビゲーションや、サブナビゲーションなど、
画像置換を使ってリンクを制作する際、
<div id="navi">
<ul
>
<li><a href="index.html">HOME</a></li>
<li><a href="intro.html">はじめに</a></li>
</ul>
</div>
と、
<ul id="navi">
<li><a href="index.html">HOME</a></li>
<li><a href="intro.html">はじめに</a></li>
</ul>
のどちらにするか迷い、どっちつかずで使用を続けていたのですが、
本日やっと区別がつきました。
きっかけはclearfixでした。
最近はめっきり「最後の選択」として使われているclearfixですが、
これをulタグに使おうとしたとき、全く反応してくれませんでした。
原因は、「ulタグにfloatが適用されていた」ことでした。
フロートしているボックスには、clearfixが効かないことに、本日初めて気付きました。
よって、
ulボックスをフロートさせる場合には、divタグで囲んでclearfixをつけること。
ulボックスをフロートさせない場合は、divタグがなくてもいい。
ということです。
長年の葛藤が解消されました。
PR
この記事にコメントする
プロフィール
最新記事
(04/02)
(03/31)
(03/22)
(03/11)
(03/07)
カテゴリー
アーカイブ
カレンダー
ブログ内検索
Advertisement
Copyright © 2008 A.Yu-ri all rights reserved.