2013-02-26 2 views
0

я нужна помощь с некоторым CSSСделать Див растягиваться вправо до бесконечности

Я сделал несколько примеров сайта http://gidzior.99k.org/inter/, я хочу, чтобы растянуть [в стороне] фон (это с «кто мы» текстом) в право за обертку, который установлен в 980px, я хотел бы расширить [в сторону] в правой части окна браузера

как достичь такую ​​вещь

HTML

<div id="main"> 
    <div class="wrapper clearfix"> 
     <section id="blog-posts"> 
      <h2 class="archerBold text-shadow-white pb20">from the blog</h2> 
      <article class="blog-post"></article> 
      <article class="blog-post"></article> 
     </section> 
     <aside> 
      <section> 
       <h2 class="archerBold text-shadow-white pb20">who we are</h2> 
      </section> 
      <section></section> 
      <section></section> 
     </aside> 
    </div> 
</div> 

CSS

#main { 
    background: #f8eedf; 
    width: 100%; 
} 
#blog-posts { 
    float:left; 
    width: 604px; 
    padding: 50px 50px 50px 0; 
} 
aside { 
    float:left; 
    padding: 50px 0 50px 40px; 
    width: 354px; 
    height: 770px; 
    background: #eeddc6; 
    background: -moz-linear-gradient(top, #eeddc6 0%, #f8edde 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeddc6), color-stop(100%,#f8edde)); 
    background: -webkit-linear-gradient(top, #eeddc6 0%,#f8edde 100%); 
    background: -o-linear-gradient(top, #eeddc6 0%,#f8edde 100%); 
    background: -ms-linear-gradient(top, #eeddc6 0%,#f8edde 100%); 
    background: linear-gradient(to bottom, #eeddc6 0%,#f8edde 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeddc6', endColorstr='#f8edde',GradientType=0); 
} 
.wrapper { 
    width: 980px; 
    padding: 0 10px; 
    margin: 0 auto; 
} 
+1

'right: бесконечность;' не работает? – ThinkingStiff

ответ

0

Похоже, единственный вариант дает вашей стороне position: absolute; и затем установить right: 0; на нем .. это будет на правой стороне страницы, очевидно, так что вам нужно настроить правильное значение к вашим потребностям, а также к ширине.

+0

в правом конце окна браузера – gidzior

+0

nope, это не то, что я пытаюсь сделать, я хотел бы расширить [в сторону] в правом окне браузера, чтобы не переместить его – gidzior

+0

position: absolute, left: (to край # blog-posts), width: 1000px – gidzior