Coding Architecture

横並びのレイアウトにする方法は、たくさんある。そのなかで、いくつかピックアップしてみた。

• 左のエレメントにはheightを指定し、右のエレメントにはfloat:rightとheight分のマイナスマージンを指定する・・・Floater
• 横並びリスト

両サイドに線がかぶってるとき
ul#Navigation {
float:left;
width:488px;
margin:0;
padding:0;
position:relative;
}

ul#Navigation li{
display:inline;
float:left;
margin:0 -1px 0 0 ;
}

ul#Navigation li a,
ul#Navigation li span{
vertical-align:top;
display:block;
}

ul#Navigation li a:hover,
ul#Navigation li span.active{
position:relative;
}

ついでに、メモ。リストを横並びにした時の空白をなくす方法
参考サイト：リストを横並びにした時の空白 - ciqlie

li {
    display:table-cell;
    *display:inline;
    *zoom:1;
}