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
Post a Comment