nsForum logo

Welcome Guest ( Log In )

 
Reply to this topicStart new topic
> Page Width, Pages too wide in most browsers
aoeartworld
post Nov 20 2009, 12:25 PM
Post #1





Group: Verified NS Member
Posts: 34
Joined: 11-August 09
Member No.: 4,963



We just previewed our home page through screenshots.org and all 23 pages show a home page cut off on the right side at the point where the right nav bar starts. Has anyone else had this issue and what's the solution?

Thanks,
Go to the top of the page
 
+Quote Post
keyman
post Nov 20 2009, 02:02 PM
Post #2





Group: Verified NS Member
Posts: 71
Joined: 8-July 08
From: Long Island, NY
Member No.: 1,404



QUOTE (aoeartworld @ Nov 20 2009, 12:33 PM) *
We just previewed our home page through screenshots.org and all 23 pages show a home page cut off on the right side at the point where the right nav bar starts. Has anyone else had this issue and what's the solution?

Thanks,



In Admin Panel Go to Design Tab

Choose Site Design

Choose your active site design (has a green 'active' next to it)

Under that should be " colors, fonts, & general style settings" Click on that

Next screen choose the 'general' tab

Under width & alignment you change the settings.

This assumes no custom css is changing these settings.

Go to the top of the page
 
+Quote Post
ddavisNS
post Nov 20 2009, 02:42 PM
Post #3


QA


Group: Administrators
Posts: 1,864
Joined: 10-August 07
Member No.: 6



Your header image is 1200 pixels wide, so your site is going to be at least that wide.
Go to the top of the page
 
+Quote Post
aoeartworld
post Nov 20 2009, 11:27 PM
Post #4





Group: Verified NS Member
Posts: 34
Joined: 11-August 09
Member No.: 4,963



Thank you! It makes total sense. The header is a jpg created from photoshop.

I can change the jpg to 1000px wide but then I end up changing my main table to 1000px instead of 100% in order for them to line up.
If I leave the main table at 100%, an ugly blank space opens up to the right of the jpg header. Isn't there a way to have the jpg header adjust just like the main table does when it's set at 100%?
Go to the top of the page
 
+Quote Post
keyman
post Nov 21 2009, 02:54 PM
Post #5





Group: Verified NS Member
Posts: 71
Joined: 8-July 08
From: Long Island, NY
Member No.: 1,404



QUOTE (aoeartworld @ Nov 20 2009, 11:35 PM) *
Thank you! It makes total sense. The header is a jpg created from photoshop.

I can change the jpg to 1000px wide but then I end up changing my main table to 1000px instead of 100% in order for them to line up.
If I leave the main table at 100%, an ugly blank space opens up to the right of the jpg header. Isn't there a way to have the jpg header adjust just like the main table does when it's set at 100%?


Heres what I did ( a long time ago, and there is probally a better way)

I broke the header into three images
Left was logo
Right had phone # etc
Center was just background image

Left and right are fixed size images - center varies to expand with website.
The center is just a vertical 'slice' of background say 10 pixels wide that is set in the table to repeat.

You make your header as a table ( i did it in frontpage) 1 row high, 3 columns wide . no borders or spacing. the first column is same dimensions as you left graphic, and the right column is done the same way. the center you dont specify a width, just a background image that repeats.
Set the entire table to span 100%.

Hope that gets you started. There are better ways and you probally want to learn it in css , I gotta get up to speed on that.

-mike
Go to the top of the page
 
+Quote Post
aoeartworld
post Nov 21 2009, 06:36 PM
Post #6





Group: Verified NS Member
Posts: 34
Joined: 11-August 09
Member No.: 4,963



QUOTE (keyman @ Nov 21 2009, 03:02 PM) *
Heres what I did ( a long time ago, and there is probally a better way)

I broke the header into three images
Left was logo
Right had phone # etc
Center was just background image

Left and right are fixed size images - center varies to expand with website.
The center is just a vertical 'slice' of background say 10 pixels wide that is set in the table to repeat.

You make your header as a table ( i did it in frontpage) 1 row high, 3 columns wide . no borders or spacing. the first column is same dimensions as you left graphic, and the right column is done the same way. the center you dont specify a width, just a background image that repeats.
Set the entire table to span 100%.

Hope that gets you started. There are better ways and you probally want to learn it in css , I gotta get up to speed on that.

-mike


I think I follow you but the header I have is one picture across the top there aren't any breaks in it. See www.aoeartworld.com.

Thank you.
Go to the top of the page
 
+Quote Post
keyman
post Nov 21 2009, 10:59 PM
Post #7





Group: Verified NS Member
Posts: 71
Joined: 8-July 08
From: Long Island, NY
Member No.: 1,404



QUOTE (aoeartworld @ Nov 21 2009, 06:44 PM) *
I think I follow you but the header I have is one picture across the top there aren't any breaks in it. See www.aoeartworld.com.

Thank you.


That header looks great! its just too wide.
You could resize it to 1000 px and just make the right side expand with a repeating image (the curved line won't work with my method). Or the space between the big E and santa.

I have my site width 'locked' in width - personal preference, but I think the header still spilts
www.avcokey.com

Like I said, I did it awhile ago , there are probally better ways now, but I go with if it ain't broke....
Go to the top of the page
 
+Quote Post
foxrun
post Nov 22 2009, 08:06 AM
Post #8





Group: Verified NS Member
Posts: 116
Joined: 15-August 08
Member No.: 1,952



QUOTE (keyman @ Nov 21 2009, 11:07 PM) *
That header looks great! its just too wide.
You could resize it to 1000 px and just make the right side expand with a repeating image (the curved line won't work with my method). Or the space between the big E and santa.

I have my site width 'locked' in width - personal preference, but I think the header still spilts
www.avcokey.com

Like I said, I did it awhile ago , there are probally better ways now, but I go with if it ain't broke....

Since most people view in 1024, you could resize the picture as previously suggested. If you make the picture 1024x130, it will retain the proper portion.

Harry
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
Tags
No Tag inserted yet

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2010 Time is now: 19th March 2010 - 11:49 AM
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates