私は、1 つの静的な列と 1 つの流動的な列を使用して、今日取り組んでいる Web レイアウトを持っています。
私の問題は、コードが突然壊れて (理由はわかりません)、正しくフローティングされないことです。
私の構造はこれです:
<div class="side-wrap">
<div class="side">
<div class="side-menu">
<ul>
<li class="brand"><a href="#">ProbabilityWolf</a></li>
<li class="active"><a href="#">Home<span>»</span></a></li>
<li><a href="#">About<span>»</span></a></li>
<li><a href="#">Contact<span>»</span></a></li>
</ul>
</div>
</div>
</div>
<div class="page-wrap">
<div class="page">
</div>
</div>
かなりの数があるため、CSS を外部に投稿しています。これが私のコード(およびウェブサイト)です:http://jsfiddle.net/QTbtA/
とにかく質問しているので、レイアウトを改善してよりうまく機能させる方法はありますか? 私は頭からこれを書いています。流動的なレイアウトに関しては初心者です。
編集:問題は解決しましたが、ヒントをいただければ幸いです。