html - 100% width background only filling to the right -


update: reason wasn't working because element width: 100% inside div class="container" element. removing fixed problem! (don't have enough rep answer question myself yet, wanted let viewers know it's been solved though.)

i teaching myself blueprint css framework, , i'm having trouble following html/css. can't seem class bigbox fill 100% of page's width (it fills 100% right, it's aligned other content on left.)

how can work way intended? thanks!

<head>     <title>hello</title>     <!-- screen 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 { 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> 

"the reason wasn't working because element width: 100% inside div class="container" element. removing fixed problem!"

answered , made cw you.


Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -