2011-07-01 9 views
1

UPDATE:width:100%の要素がdiv class = "container"要素の内側にあるためです。それを削除すると問題が解決しました! (自分自身でまだ質問に答えるのに十分な担当者がいないが、ただ解決したことを視聴者に伝えたいだけだ) CSS。私はクラスbigBoxのようにページの幅の100%を埋めることができません(右に100%を埋めますが、左側の他のコンテンツと揃えています)。100%幅の背景のみが右側に塗りつぶされます

これを動作させるにはどうすればよいですかそれは意図された方法ですか?ありがとう!

<head> 
    <title>Hello</title> 
    <!-- screen is default blueprint framework file --> 
    <link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection" /> 
    <!-- import custom styles --> 
    <style> 
     #topmenu {float:right; margin-top: 50px; /*margin-right: -30px;*/} 
     #topmenu ul {list-style: none outside none; } 
     #topmenu ul li { display: inline; } 
     #topmenu ul li a { text-decoration: none; 
          padding: 5px;} 
     #topmenu .last { padding-right: 0px; } 
     #topmenu .current { font-weight: bold; } 

     .bigBox { width: 100%; position: absolute; 
       background-color: blue; height: 430px; 
       } 
    </style> 
</head> 

<body> 
    <div class="container"> 

     <!-- logo --> 
     <div class="span-12"> 
      <h1>Hello World</h1> 
     </div> 

     <!-- top menu --> 
     <div class="span-12 last"> 
      <nav id="topmenu"> 
       <ul> 
        <li class="current"><a href="">Option 1</a></li> 
        <li><a href="">Option 2</a></li> 
        <li><a href="">Option 3</a></li> 
        <li class="last"><a href="">Option 4</a></li> 
       </ul> 
      </nav> 
     </div>  

     <br class="clear"/> 
     <div class="bigBox"> 
      <div class="span-14"> 
       <h2>Content Left</h2> 
      </div> 
      <div class="span-10 last"> 
       <h2>Content Right</h2> 
      </div> 
     </div> 


    </div> 
</body> 

+2

これに答えるには十分な担当者がいなければなりません。 :) –

答えて

0

"幅の要素ので、それが働いていなかった理由は、100%のdivクラス=中にあった" コンテナ」要素という一定の取り外し。問題!"

あなたのためにCWが回答しました。

関連する問題