| | |
Left side of page disappearing in smaller screen resolutions
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Dec 2007
Posts: 17
Reputation:
Solved Threads: 0
Hi guys! I'm a n00b here on this community. So hello there!
I re-did my myspace profile www.myspace.com/cherryteresa in CSS and I can't figure out to fix a certain issue. For users who have smaller screens or resolutions of 800x600 or less, the left side of the screen is not visible and you can't scroll over to it. You can only screen to the right. (If you have a bigger screen, higher resolution, just shrink your browser size and you'll see what I'm talking about).
I've been trying to figure out how to fix this, but I haven't figured it out. Any help is greatly appreciated! Thanks.
I hope to make some friendships here as I am going to be going to school for Database and web page design, so I'm sure I'll be using and hopefully contributing to this community!
I re-did my myspace profile www.myspace.com/cherryteresa in CSS and I can't figure out to fix a certain issue. For users who have smaller screens or resolutions of 800x600 or less, the left side of the screen is not visible and you can't scroll over to it. You can only screen to the right. (If you have a bigger screen, higher resolution, just shrink your browser size and you'll see what I'm talking about).
I've been trying to figure out how to fix this, but I haven't figured it out. Any help is greatly appreciated! Thanks.
I hope to make some friendships here as I am going to be going to school for Database and web page design, so I'm sure I'll be using and hopefully contributing to this community!
The trouble is that the width of the contents is wider than the window width. As I see it, both sides are sliding off the edge, not just the left. You might not see it, because you have more blank space on the right edge.
I am seeing a horizontal scrollbar at the bottom of the page, and it works. I use FF.
Test it by shrinking your browser window to different sizes with Restore Down and dragging the edges.
Is your scrollbar going under the taskbar? I used to have that trouble until I made an adjustment to the taskbar settings (you can't have a double-row taskbar without it hiding something).
Fixes? You must either find a way to resize the images to fit available space, or let them slip under things.
I am seeing a horizontal scrollbar at the bottom of the page, and it works. I use FF.
Test it by shrinking your browser window to different sizes with Restore Down and dragging the edges.
Is your scrollbar going under the taskbar? I used to have that trouble until I made an adjustment to the taskbar settings (you can't have a double-row taskbar without it hiding something).
Fixes? You must either find a way to resize the images to fit available space, or let them slip under things.
Last edited by MidiMagic; Dec 26th, 2007 at 3:29 am.
Daylight-saving time uses more gasoline
•
•
Join Date: Dec 2007
Posts: 17
Reputation:
Solved Threads: 0
Thanks but I don't think you understood my issue correctly. My issue isn't that there is overflow within each individual div. The issue is that the very left div halfway disappears in people using 800x600 and less resolutions. There is a scrollbar at the bottom of the browser, but it will only go right and you still can't see the left div that is cut off.
•
•
Join Date: Dec 2007
Posts: 17
Reputation:
Solved Threads: 0
Here is a link of a picture that will show what I'm talking about. Look how the left side is cut off and notice the how the scrollbar won't go to the left so you could see it. It will only go the right.
http://i200.photobucket.com/albums/aa271/cherryteresa/cutoff_myspace.png
http://i200.photobucket.com/albums/aa271/cherryteresa/cutoff_myspace.png
What browser is that?
It might be a browser issue.
Now this is interesting: When I opened it the other day, it worked. Today, I can't scroll left either.
Questions:
1. Do you have a script which calculates the location of objects? If so, is it calculating a negative value with a small browser window?
2. Are you dynamically resizing anything?
3. I noticed that the left edge of the ad is always at the left limit of the scroll. Is the software that puts the ad on doing this? (Try it without the ad on a local computer.)
It might be a browser issue.
Now this is interesting: When I opened it the other day, it worked. Today, I can't scroll left either.
Questions:
1. Do you have a script which calculates the location of objects? If so, is it calculating a negative value with a small browser window?
2. Are you dynamically resizing anything?
3. I noticed that the left edge of the ad is always at the left limit of the scroll. Is the software that puts the ad on doing this? (Try it without the ad on a local computer.)
Last edited by MidiMagic; Dec 28th, 2007 at 3:05 am.
Daylight-saving time uses more gasoline
•
•
Join Date: Dec 2007
Posts: 17
Reputation:
Solved Threads: 0
Hey, that's very perceptive of you to notice that it does seem to line up with the ad at the top. That might be a clue to help me figure out what I did incorrectly.
I'll keep trying to figure it out. Thanks very much for your help.
I ended up changing it up a bit, which only fixes the symptom, not the cause. But better than keeping it how it was before.
I'm using Safari and Firefox in Mac OSX, but I also checked it in Firefox and IE in Windows XP. and does the same thing.
I'll keep trying to figure it out. Thanks very much for your help.
I ended up changing it up a bit, which only fixes the symptom, not the cause. But better than keeping it how it was before.
I'm using Safari and Firefox in Mac OSX, but I also checked it in Firefox and IE in Windows XP. and does the same thing.
![]() |
Other Threads in the HTML and CSS Forum
- Previous Thread: HTML email web application using DOMINO Lotus Notes
- Next Thread: Gaps bweteen my links in my layout.
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7






