Question

I need to do with html and css such layout:
left width is static for 250px
right is fluid, for other rest of screen (100%-250px)

I try so(i’m using sass):

  .wrapper{
    width:100%;
    margin: 0 auto;
    .left{
      width:250px;
      float:left;
    }
    .right{
      float:right;
      width:100%;
      margin-left: 250px;
    }
  }

So how can i solve this problem?

Answer 1

This is pretty simple to do: http://jsfiddle.net/joplomacedo/ExHzk/
If you can’t see the fiddle, here’s the html and css.

HTML:

<div class="fixed"></div>
<div class="fluid"></div>​

CSS:

.fixed {
    float: left;
    width: 250px;
}

.fluid {
    margin-left: 250px;
}

Aside
I left out the wrapper. It’s not really relevant for the demonstration. One question though: If you’re giving the wrapper a width of 100%, what’s the margin: 0 auto for? And do you really need to specify the width?