Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
This seems to work as a fluid layout. FYI, the background image (the beige part with the shadows) has been eliminated.
In styles.css, change the body, #header and #wrapper styles to this:
Comments
Comment #1
keva commentedThis seems to work as a fluid layout. FYI, the background image (the beige part with the shadows) has been eliminated.
In styles.css, change the body, #header and #wrapper styles to this:
body {
margin: 0;
padding: 0;
color: #696969;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 73%;
background-color: #FFF;
}
#header {
position:relative;
/* height:116px; */
overflow:hidden;
background-color: #C5E18A;
background-image: url(img/header_bg.png);
background-repeat: repeat-x;
}
#wrapper {
width:100%;
padding:0;
text-align:left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 4px;
margin-left: auto;
}
Comment #2
keva commentedJust noticed that your question is about v5, and I'm using v6.2. But it should work the same, since only the CSS is changing.
Comment #3
Witch commentedi will have a look on it.
thank you
Comment #4
DritterVonLinks commentedHello Buffer2k. Did you test it by now?
Comment #5
cmstuning commentedI do not plan to make a fluid version for now. Probably in next releases