How do you auto rezise the background image so it fits in all pages

[Hawkens]

It's difficult for me to understand in German.

Can you show me the steps in English?

If I setup the tables with width 1920, when publish I have a scrollbar from left to right?

[RayC]

I think it works like this:

• Set the entire table to a large number, say 1920 px.
• Set column 1 and column 3 width to "automatic"
• Set the middle column, or middle cell, which holds your content, to your desired page width,say 980px.

The "automatic" columns will adjust according to the size of the browser window until the table reaches 1920 px. The middle will stay at a fixed 980 px.

But I could be wrong...

[Hawkens]

On smaller resolutions you will not see much of what is placed outside the usual page

And on bigger screens?

[Hawkens]

I think it works like this:

• Set the entire table to a large number, say 1920 px.
• Set column 1 and column 3 width to "automatic"
• Set the middle column, or middle cell, which holds your content, to your desired page width,say 980px.

The "automatic" columns will adjust according to the size of the browser window until the table reaches 1920 px. The middle will stay at a fixed 980 px.

But I could be wrong...

I tried this but it doesn't work.

And what if the user has a screen of 26" wjit a higher resolution, will it still adjust or will it be to small because the table is 1920?

[franko]

My e-mailaddress is info@valcompwebdesign.nl

Thanks.

Coming to you via YouSendIt

[Hawkens]

Thanks, I received it.

Not getting it to work, still finding out how..

[Hawkens]

I would suggest to use a table with the bottom backgound as a footer. Table properties: say width 2200 px, three columns, middle column set page width, right and left set width "automatic".

Make a CSS-style with your background image, call it e.g. footer.

Now activate the table and insert in its properties palette (within Tag) class="footer", so the footer image will apply for the whole table. You'll see the result on publish.

You can use the middle cell for anything you want, for example inserting a layout region where you can position things freely.

This only works with centering the page using code, and you can't combine it with a master border on the left hand side. With XHTML output you will experience problems correlated with different centering commands.

As an example see this page of mine:

www.lumis-webdesign.de

Alternative:

Try adjusting your image to page length, press F9 and allocate a new background for the new page.

Thanks Barbara, it works!

I used the tables and use them in auto, so they will adjust to each resolution.

Finally I grabbed my mind around it, thanks again.

Cheers.

ps I will place a link of the website when it is published

[Modifications]

hello

im having an issue with the text not resizing in my header, I have a layout region set to header then another layout region set to headercontent and then a table holding the content as per site below

http://www.modifications.net/

but when making the browser smaller the text does not resize.

What am I doing wrong