Page 1 of 1
[Solved] Help on auto-adjusting the "pagewrapper"..
Posted: Tue Oct 02, 2012 1:04 am
by 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..
Re: Help on auto-adjusting the "pagewrapper"..
Posted: Tue Oct 02, 2012 4:05 am
by 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.
Re: Help on auto-adjusting the "pagewrapper"..
Posted: Tue Oct 02, 2012 12:58 pm
by 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
Re: Help on auto-adjusting the "pagewrapper"..
Posted: Tue Oct 02, 2012 4:55 pm
by 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...
Re: Help on auto-adjusting the "pagewrapper"..
Posted: Wed Oct 03, 2012 5:26 am
by 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!