How to place div side by side

Question

I have a main wrapper div that is set 100% width. Inside that i would like to have two divs, one that is fixed width and the other that fills the rest of the space. How do i

Answer 1

If you're not tagetting IE6, then float the second

and give it a margin equal to (or maybe a little bigger than) the first

's fixed width.

HTML:

    
 lorem ipsum 
    
 dolor sit amet 

CSS:

#main-wrapper {
    100%;
    background:red;
}
#fixed-width {
    width:100px;
    float:left
}
#rest-of-space {
    margin-left:101px;
        /* May have to increase depending on borders and margin of the fixd width div*/
    background:blue;
}

The margin accounts for the possibility that the 'rest-of-space'

may contain more content than the 'fixed-width'

.

Don't give the fixed width one a background; if you need to visibly see these as different 'columns' then use the Faux Columns trick.

0 讨论(0)

查看其它7个回答

发布评论:

提交评论

---

•  加载中...