CSSのpositionについて質問です。
下記のサンプルについてですが、このソースは、ジャバスクリプトなど
ＣＳＳなどを含んだプロフラムの一部（ＣＳＳ）の部分です。
場所の指定を変更したいだけなので、ＣＳＳの部分だけを抜粋しました。（全て抜粋すると、ソースが多くなるので）
質問は、下記のソースを、ＨＴＭＬ内で、テーブルを作ってその中で
表示させるための質問ですが、positionをstatic | relative | absolute | fixed に変えればいいだけの話だと思うんですが、
ちっと理解できません。色々思考錯誤しましたが、いまいち理解できないし、上手くいきません。
/* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px;
}
.dock-container2 {
position: absolute;
height: 50px;
background: url(images/dock-bg.gif);
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
こちらが質問のソースです。これだけで分からないかもしれませんが、
お願いします。もしあれでしたら、ソース全体と、外部ファイルなどを
ＨＰにアップロードして質問したいとも考えています。
参考サイトは
http://coliss.com/articles/build-websites/operation/javascript/295.htmlの「CSS Dock Menu」です。
質問が雑ですが、お願いします
お礼
ありがとうございました。