0

Jimdoを使っているのですが、色々調べましたがナビゲーションを横並びにすることができません。教えていただけないでしょうか？ [HTML]
<div id="container">
<div id="header">
</div>

<div id="navigation">
<var>navigation[1|2|3]</var>
</div>

<div id="wrapper">
<div id="sidenavi">
<var>navigation[1|2|3]</var>
<div id="sidebar">
<var>sidebar</var>
</div>
</div>

<div id="content">
<var>content</var>
</div>
</div>

</div>

<div id="footer">
<div class="gutter">
<var>footer</var>
</div>
</div>

[CSS]
#navigation {
display: inline;
float: left;
width: 220px;
margin-left: 13px;
}
#content-wrap {
clear: both;
width: 800px;
margin-left: 17px;

}
#sidebar {
float: left;
width: 200px;
padding-top: 0px;
font-size:8px;
}

#content
{
float:right;
width:700px;
padding:17px;

}

#footer
{
clear:both;
margin-top:10px;
background:url(footer-bg.gif) repeat-x top;
height:65px;
}

#footer .gutter
{
height:30px;
padding:35px 15px 0 90px;
}



/* Navigation
----------------------------------------------- */
ul.mainNav1,ul.mainNav2{
margin:0;padding: 0;
}
ul.mainNav1 li{
float:left;display: inline;
margin: 0;
padding: 0;
}
ul.mainNav2 li{
float:none;
margin: 0;
padding: 0;
}

HTMLには問題ないと思うの、CSSのピクセル設定に問題があると思うのですが、いかがでしょうか？

質問者が選んだベストソリューション

Yahoo!知恵袋 3730日前