Forums / Templates, Stylesheets, Page Layout / Page edge off screen at right

Page edge off screen at right

Locked

Views: 2,410

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
12 Nov 2006, 12:01 PM
#1
lit150 avatar

lit150

New Zenner

Join Date:
Nov 2006
Posts:
6
Plugin Contributions:
0

Page edge off screen at right

I am a beginner at this! I've amended a page, it still looks good on my pc large monitor but when i view it on my lap top the page runs off screen at the right. I see on most websites the pages shrink to fit the screen and the text boxes etc go narrower. I use dreamweaver. How can I make the page adapt to whichever monitor it is viewed on? Thanks so much!

12 Nov 2006, 6:29 PM
#2
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,682
Plugin Contributions:
0

Re: Page edge off screen at right

The URL for the site?

Please do not PM for support issues: a private solution doesn't benefit the community.

Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

12 Nov 2006, 6:53 PM
#3
lit150 avatar

lit150

New Zenner

Join Date:
Nov 2006
Posts:
6
Plugin Contributions:
0

Re: Page edge off screen at right

Sorry Kim, not sure how long i am supposed to wait for a response. new at forums too! url is

www.littlepeoplepartyplanners.co.uk

some pages are ok but others are sliding off to the right so not all text is visible. thanks for response.

12 Nov 2006, 7:46 PM
#4
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: Page edge off screen at right

I looked at your site on my laptop (screen resolution: 1280x768) and I couldn't find a page with a problem. when I resize to 800 x 600 the only page that misbehaves is the services page. You do need to fix a couple of problems in the stylesheet```
.myqtystyle {
font-family:"Comic Sans MS";
font-size:12px;
font-weight:normal;
text-decoration:none;}


.menulink a:hover{filter:fliph(color:#FF0000, strength=3);height:10px;width:inherit}


The validator does not like this at all.

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

12 Nov 2006, 8:16 PM
#5
lit150 avatar

lit150

New Zenner

Join Date:
Nov 2006
Posts:
6
Plugin Contributions:
0

Re: Page edge off screen at right

Thanks mike for your reply. I know i must sound stupid but is the style sheet the template 'services_default.php' ? if not where will i find the style sheet. I am completely self taught at this and mostly dont have a clue. Also what was your comment about the validator? should that line you quoted not be in the style sheet? thanks againg gilly

12 Nov 2006, 8:45 PM
#6
lit150 avatar

lit150

New Zenner

Join Date:
Nov 2006
Posts:
6
Plugin Contributions:
0

Re: Page edge off screen at right

Hi again mike. managed to find the style sheet and to code you mentioned. I've put in the red bracket. what do i do with the code that you said the validator won't like? many thanks Gilly

12 Nov 2006, 9:21 PM
#7
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: Page edge off screen at right

I would delete it and then go through the site and see if there have been any changes with any of the menus, which is what this strange css rule is suppose to be targeted at.

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

12 Nov 2006, 10:18 PM
#8
lit150 avatar

lit150

New Zenner

Join Date:
Nov 2006
Posts:
6
Plugin Contributions:
0

Re: Page edge off screen at right

Thanks Mike will try it out!

13 Nov 2006, 3:26 AM
#9
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Page edge off screen at right

The hardest thing about fluid layouts are the images, typically the header... Your header banner image is 938x150, thus cut off in 800x600 resolutions. Best to surf the web and look into fluid header methods for ideas.

13 Nov 2006, 7:36 AM
#10
lit150 avatar

lit150

New Zenner

Join Date:
Nov 2006
Posts:
6
Plugin Contributions:
0

Re: Page edge off screen at right

Thanks Sketchy. Even getting to know the correct terminology when you r gettin started is a minefield! I'll look up fluid layouts! That's a start. I've also changed some widths on each page to 100%rather than pixel size of 700+ which seems to have helped

14 Nov 2006, 5:24 AM
#11
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Page edge off screen at right

You're welcome. If you figure out a good method for a fluid banner that entails full imagery, let me know. :yes: