[Solved] Help on auto-adjusting the "pagewrapper"..

[Minefox]

Hi guys! Please help me in finding ways to add a code as to auto-adjust the width of the "pagewrapper" (please see marked image: 1, 2, 3, 4) so that it will match the width of the given image (please see marked image: 5) in the content page. Im stucked in here..

[Minefox]

I need to have a flexible "pagewrapper" because im dealing with a varying image in the content block. And it doesn't look gook to have an image (big widths) that goes out of the border.

[rooon]

Hi Minefox,

You have to do some work and create an extra image for a background of the header, for example:


And then somethong like

Code: Select all

<div id="header-wrapper">
 ...header, photos, menu...
</div>

Code: Select all

#header-wrapper {
 background: #ffd200 url([[root_url]]/uploads/cms/bg-header.jpg) repeat-x top left;
}

Have fun, Rooon

[Dr.CSS]

You can make it adjust but it will never be in the center of the page it will always start on the left side of the browser, you are better off making the image fit the page, nobody wants to look at a site/page that is going to be 3000px wide...

[Minefox]

Hi Dr.CSS! I managed to have it enclosed in my border by just adding the code

overflow-x:auto;

to my stylesheet. Im already satisfied with the result.

Thanks guys!