SitePoint Sponsor |
|
User Tag List
Results 1 to 25 of 28
Thread: horizontal scrollbar
-
Dec 29, 2003, 13:17 #1
horizontal scrollbar
Hey Guys,
I've almost killed myself trying to figure out why i'm getting a horizontal scrollbar on this layout. Before I put in the PHP tags, etc. I didn't have one, and now I do.
The old template:
http://www.cstorenovelty.com/Ethan Dawe
The new PHP tagged template:
http://www.cstorenovelty.com
Can anyone figure out why this is happening ?
ThanksMy Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 29, 2003, 13:48 #2
- Join Date
- Feb 2003
- Location
- North Of Scotland
- Posts
- 444
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
When i view both pages in Mozilla, i dont get a horizontal scrollbar???
-
Dec 29, 2003, 13:57 #3
oh sorry
, I meant in IE 6. Can anyone figure out why ?
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 29, 2003, 14:37 #4
- Join Date
- Feb 2003
- Location
- North Of Scotland
- Posts
- 444
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Code:<table width="100%" border="0" cellpadding="0" cellspacing="0" height="590">
-
Dec 29, 2003, 15:04 #5
the table width was 780 before, ( the viewable area on a 800x600 screen ) and it still had this scrollbar. I don't know why this thing keeps happening. Now when it's 100% instead, it narrows the page until i refresh again.
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 29, 2003, 15:46 #6
- Join Date
- Aug 2003
- Location
- Minnesota
- Posts
- 1,861
- Mentioned
- 1 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by Pinny
Kevin Hauge : Modern Leaf Design : Follow Us on Facebook
Client Axis v.08 - client / project management script
-
Dec 29, 2003, 16:05 #7
760 leaves a lot of open whitespace though :-(
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 29, 2003, 16:26 #8
- Join Date
- Feb 2003
- Location
- North Of Scotland
- Posts
- 444
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
a possible option is CSS
Code:body { overflow-x: hidden; }
-
Dec 29, 2003, 17:31 #9
i'm trying to find a "natural" way for it to work
.
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 29, 2003, 19:31 #10
- Join Date
- Jun 2003
- Location
- Colorado, USA
- Posts
- 1,178
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by Pinny
Umm, anyhow... did you fix it? I do not see it in IE6 at 800x600 if I have the favs column turned off. It is there if favs are on.
-
Dec 29, 2003, 22:43 #11
aren't the favorites a horizontal thing and not a vertical thing?
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 30, 2003, 00:06 #12
- Join Date
- Jun 2003
- Location
- Colorado, USA
- Posts
- 1,178
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by Pinny
-
Dec 30, 2003, 00:12 #13
but can anyone figure out why they appear in 800x600 ?
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 30, 2003, 01:27 #14
- Join Date
- Dec 2003
- Location
- Washington State
- Posts
- 35
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Pinny,
Here are two pages that will show you some of the differences between the two pages as well as warnings and errors. Notice the PHP page has to many errors to completely validate until some of it is fixed.
HTML Page
PHP page
If you fix the errors you see on these pages and still have a problem post or PM me and I'll dig a bit more for you into your code and fix it.
-
Dec 30, 2003, 09:05 #15
- Join Date
- Jun 2003
- Location
- Colorado, USA
- Posts
- 1,178
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by Pinny
From my perspective using IE6:
Both old and new have NO horizontal scroll when viewed at 1024x768 or higher.
BOTH old and new DO HAVE a horizontal scroll when viewed at 800x600 at anything less than a full screen view. In other words, if I have favorites, media, or search turned on (which park themselves at the left of the browser window thus reducing viewing area for the site) OR the browser is less than full screen for any other reason.
Therefore I do not see what the issue is. The browser is simply doing its job by allowing me, the viewer, to see the whole page by presenting a horizontal scroll when the area to be presented is greater than the available viewing area.
Now in the new template you have
Code:<table width="778" border="0" cellpadding="0" cellspacing="0" height="590">
-
Dec 30, 2003, 13:27 #16
I don't have anything on the left or right side of my browser, as most people don't. Therefore i'm just trying to make that work fine in 780 width or 100%. can you tell me if you take off all the left side stuff if you have a horizontal scrollbar still ?
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 30, 2003, 13:43 #17
- Join Date
- Jul 2002
- Location
- Toronto, Canada
- Posts
- 39,347
- Mentioned
- 63 Post(s)
- Tagged
- 3 Thread(s)
Originally Posted by Pinny
i've never seen any studies to that effect, and i'd appreciate knowing of any
someone on a completely different forum today posted this:Plus, it is great to keep in mind that many more users than you might think are using odd resolutions. With AOL 9.0 maximized on an 800x600 display (which is quite common among home users), you wind up with a default browser window of 716x414 (inner measurements). So, if you're designing a rigid (non-liquid) page layout for a minimum resolution of 800x600 and assuming you'll have 780 pixels in width to work with (as it is in IE full-screened at 800x600)... you're gonna wind up with a horizontal scroll bar.-- that most pages "designed" for 800x600 resoution, even allowing 24 pixels for the chrome, are going to have horizontal scrollbars in aol9
-
Dec 30, 2003, 14:01 #18
oy yoy yoy , i'm trying to fix the problem, not to feel better about it.
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 30, 2003, 14:44 #19
- Join Date
- Jun 2003
- Location
- Colorado, USA
- Posts
- 1,178
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I thought I did answer that question.
Originally Posted by Keriam
Originally Posted by r937
-
Dec 30, 2003, 14:47 #20
well i have worked with many others and the standard IE look is a 20 pixel chrome/vertical scrollbar.
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 30, 2003, 15:21 #21
- Join Date
- Dec 2003
- Location
- Washington State
- Posts
- 35
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
716 is far from reasonable as is AOL 9.0 restraints. If your going to worry about some of the items brought up here we may as well go back to 640x480
You can't be all things to all conditions and you can't build a page that will work in all browsers unless it uses the very basic of coding or you build your pages for every possible condition and redirect the user to the one that suits. No one has even mentioned monitor size which will affect all of the conditions mentiond.
Target your audience and then build for the widest platform possible. If that's AOL then 716 is what your stuck with. Look around, there's very few site that will render properly on AOL, heck even at 1024x768 I run into major sites all the time that I have a horizontal scroll to deal with.
The question here has not really been addressed which is why in IE6 at 800x600 full screen res is he getting a horizontal scroll bar. Pinny I don't run IE6 or I'd help more. I don't see this problem in on my system.
I do agree that building in % is the best way to achieve the best possible solution to res and monitor conditions but even then you'll have some that will have this problem.
-
Dec 30, 2003, 16:02 #22
- Join Date
- Jun 2003
- Location
- Colorado, USA
- Posts
- 1,178
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by DS51
Originally Posted by DS51
-
Dec 30, 2003, 17:04 #23
- Join Date
- Dec 2003
- Location
- Washington State
- Posts
- 35
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by Keriam
I agree Keriam, my point and I should have clarified it was, that if we are going to worry about every condition of rendering our design do we concern ourselves with those that are using old systems or technology to surf the web. A 13" or 14" monitor will not render this page as with a 15" or larger screen and are most likely running at 640x480, but even if they were running at 800x600 it would still be a problem.
I have several old systems that I use to test with and this has been my finding.
Originally Posted by Keriam
So, Keriam using IE6 has no issues, and Pinny using IE6 does ? interesting.
Pinny, look at the maximize button on your browser do you see one square image or a cascade of two square images. If you see two your not full screen. This has caused me a head scratch a couple of times. You might have been somewhere that made changes to your default setting and that can cause this to happen. Pisses me off when it happends.
-
Dec 30, 2003, 17:20 #24
no i got am sure i had it maximized. we just switched the html for now to be 100%, so maybe thats why he got it without a horizontal scrollbar . the problem is now the top table isn't reaching all the way to the end. if we refresh then it does.
My Blog - Entrepreneur, Marketing, Health, etc.
Latest Blog Post:
How to find Sales Prospects on LinkedIN (374 views)
-
Dec 30, 2003, 18:11 #25
- Join Date
- Jun 2003
- Location
- Colorado, USA
- Posts
- 1,178
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by Pinny
100% did the trick for the horizontal scroll. I do not see it with or without favs on.
Bookmarks