Hall of Fame

[ollipaust]

hello

ive been working the whole day on my site and now i wanted to replace the right-side into the left-sidebar so theres only 1 sidebar on the left and the "main-holder" on the right.

".left-sidebar" has now a fixed width of 270px so I thought i just have to give ".main-holder" a "auto" width.
but now it takes the whole page-width, here u can see what i mean: http://picload.org/image/lilrccd/sfsf.png

CSS: .left-sidebar

Code Select Expand

.left-sidebar {
    display: inline-block !important;
    float: left !important;
    padding: 0 10px;
    position: relative;
    text-align: left;
    width: 270px !important;
}

CSS: .main-holder

Code Select Expand

.main-holder {
    border-bottom: 1px solid #EDEDED;
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    display: inline-block !important;
    float: left !important;
    margin: 0 !important;
    min-height: 200px !important;
    overflow: hidden;
    padding-bottom: 30px;
    width: auto !important;
}

html (shortened)

Code Select Expand

<div id="wrapper" class="container">
<div class="row-fluid block" style="position:relative;">
<div id="sidebar-wrapper" class="span2 left-sidebar top10 hidden-phone hidden-tablet">
<div id="home-content" class="main-holder pad-holder span8 top10">
</div>
</div>

can someone give me a hint what i am doing wrong?

[diljigar]

You have to make changes in responsive.css  in order to change the width of main holder and sidebars.
main holder:

Code Select Expand

.row-fluid .span8

left and right sidebars:

Code Select Expand

.row-fluid .span2

hope it helps

[ollipaust]

You have to make changes in responsive.css  in order to change the width of main holder and sidebars.
main holder:

Code Select Expand

.row-fluid .span8

left and right sidebars:

Code Select Expand

.row-fluid .span2

hope it helps

i dont think this is a good idea because responsive.css is for phone/tablet i think

[PHPVibe A.]

Depends, has rules for desktops also.
What you need is to offer a width to it and a left margin (since the sidebar is fixed).

[ollipaust]

Depends, has rules for desktops also.
What you need is to offer a width to it and a left margin (since the sidebar is fixed).

hi thanks but when i added margin it was in the right place but still under the left-sidebar
i fixed this with position:absolute =)

[PHPVibe A.]

You add an margin as in width of sidebar + something
Absolute for main holder? How is that working out for you?