I'm currently trying to port my new design to vB 4.1.2
- Header is fixed over 100%
- left and right there are specific images which are each 139px wide
- the body_wrapper itself should be between those both graphics, always fit the browser width
It looks generally something like this (won't show my final design here):
http://www.adan0s.de/misc/template.png
At the moment I added two div-layer before body_wrapper and after above_body.
HTML Code:
<body>
<div class="above_body">
<div id="bg_left"></div>
<div id="bg_right"></div>
<div class="body_wrapper">
<div class="below_body">
...
The css code looks like this:
Code:
#bg_left {
background-image: url(bg_left.png);
width: 139px;
height: 600px;
float:left;
}
#bg_right {
background-image: url(bg_right.png);
width: 139px;
height: 600px;
float:right;
}
.body_wrapper{
margin-left: 139px;
margin-right: 139px;
min-height: 600px;
}
Unfortunately due to the massive CSS-amount of vB it just greatly messes up the inner style of the body_wrapper probably because of the floats.
As you can see the whole content itself starts after the 600px of the two bg_left/right.
Someone here who actually managed to realise such a layout?
greetings,
Adan0s