Computing.Net > Forums > Web Development > horizontal scrollbar problem

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

horizontal scrollbar problem

Reply to Message Icon

Name: slong327
Date: May 16, 2007 at 13:43:50 Pacific
OS: OS X 10.4.2
CPU/Ram: 1.5 GHZ G4
Product: Apple
Comment:

I know this problem has been dicussed before, but I still can't seem to find a solution that I've been able to implement correctly.

I'm getting an unwanted scrollbar in IE and Firefox within my div tag that's set to use an auto overflow. Works fine in Safari.

To see the problem, and the code I'm using, please see:
http://www.longevitydesign.com/fredericklawfirm/frederick_bio2.html

Can anyone please tell me what I'm doing wrong? (I'm
relatively new to css)


slong327



Sponsored Link
Ads by Google

Response Number 1
Name: Michael J (by mjdamato)
Date: May 17, 2007 at 20:04:27 Pacific
Reply:

Simple. Your div is set to a width of 468 pixels with 20 pixel padding on the right side (I'd add some padding on the left as well, by the way). So, that leaves a possible maximum of 448 pixels of width for the content. I say possible, because you have more content than will fit vertically, which creates a vertical scrollbar and reduces the maximum horizontal space by about another 20-25 pixels to a max of around 430pixels (this may change based upon browser used).

But, the first thing you put in there is an image with a width of 468 pixels! That's too wide for the available space, so there is a horizontal scroll bar. The right side of the image is just blank space, you can fix your problem by cropping off the unused right side of the image.

Michael J


0
Reply to Message Icon

Related Posts

See More







Post Locked

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.


Go to Web Development Forum Home


Sponsored links

Ads by Google


Results for: horizontal scrollbar problem

Unwanted horizontal scrollbar www.computing.net/answers/webdevel/unwanted-horizontal-scrollbar/535.html

Get rid of horizontal scroll bar IE www.computing.net/answers/webdevel/get-rid-of-horizontal-scroll-bar-ie/2635.html

CSS Relative Positioning www.computing.net/answers/webdevel/css-relative-positioning/2265.html