----- Original Message ----- From: "Ionut Gabriel Stan" <[EMAIL PROTECTED]> To: "Bill Walton" <[EMAIL PROTECTED]> Cc: <css-d@lists.css-discuss.org> Sent: Monday, November 03, 2008 6:18 PM Subject: Re: [css-d] how to get rid of scroll bar?
> Bill Walton wrote: >> >> I can't figure out why I have a horizontal scroll bar at >> http://www.shopkeepers-r.us or how to get rid of it. The current plan is >> for the browser window to be maximized with the screen resolution set at >> 1024x768. I'd sure appreciate help. Resource pointers that would help >> me understand why this is happening would _really_ be appreciated. >> >> Ionut wrote > > It's because of these elements: > > #customer_search_form, > #walkin_customer_button, > #purchase_return_button > > ...and maybe others. > > My advice is to float them left instead of positioning them relatively. > If you float them left, don't forget to > also add a display:inline; after the float: left; declaration. It's for > Internet Explorer's double margin floating bug[1]. > Bill: I would say definitely others, including the header, as outlining elements in WebDeveloper show a number of elements wider than my screen width of 1280px. Are you trying for a max page width of 1024px (~78em)? You'd set that through CSS, such as #somewrapper {width: 98%; max-width: 78em;}, as well as using float technique above. IMO, you've got a ton of CSS; maybe want to more distinctly separate basic layout CSS from fiddley-bits. Also, recommend setting font-size in % instead of fixed pixels, for browser friendly resizing. Best, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 In God we trust, all else bring data... ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
