PDA

View Full Version : how do you create a custom grid for a 3 column layout that is 160px / 540px / 300px ?


Kim Welch
01-24-2012, 11:40 PM
how do you create a custom grid for a 3 column layout that is 160px / 540px / 300px ?

(vBulletin version 4.1.9 Patch Level 1.)

nerbert
01-25-2012, 12:11 AM
I built a page with a left column (referred to as side column). Maybe it will give you an idea.


<style type="text/css">
<!--
.side_column {
width:250px;
clear:none;
float:left;
}

.side_column_container {
margin-top:12px;
width:250px;
}

.right_block {
margin:0px 0px 0px -290px;
float:right;
width:100%;
padding:0px;
display:block;
}

.right_block_container {
margin:12px 0px 0px 290px;
display:block;
padding:0px;
}
</style>



<div class="right_block">
<div class="right_block_container">

HTML for right block

</div>
</div>

<div class="side_column">
<div class="side_column_container">

HTML for left column

</div>
</div>



Float your right column over first then the center body, then float the left column to the left

Kim Welch
01-25-2012, 03:13 AM
is there a way to create a custom grid through the Grid Manager in the vBulletin CMS panel?

Typhon
06-05-2013, 10:29 AM
I also what to know if this is possible so that I can squeeze content in between a 160 and 300 ad columns?