Stylesheets - Kill scroll bars

Author

Kill scroll bars

Lester L.

2005-12-10, 6:53 pm

Hello all,

I've been trying for quite some time to eliminate scrollbars on my latest site;
I'd be perfectly happy if only the horizontal one would go away, actually.

FF and Opera have horiz. scrollbars at 1280x1024.

IE has none, yet "We've been pared down to a four piece ...." runs off the edge
of the page, and cannot be read in it's entirety. Same with the paragraphs
below it in the same <div>.

Any help greatly appreciated.

http://thedings.servebeer.com

css:

http://thedings.servebeer.com/dingstyle.css

--
Lester

Blinky the Shark

2005-12-10, 6:53 pm

Lester L. wrote:

> Hello all,
>
> I've been trying for quite some time to eliminate scrollbars on
> my latest site; I'd be perfectly happy if only the horizontal
> one would go away, actually.
>
> FF and Opera have horiz. scrollbars at 1280x1024.
>
> IE has none, yet "We've been pared down to a four piece ...."
> runs off the edge of the page, and cannot be read in it's
> entirety. Same with the paragraphs below it in the same <div>.
>
> Any help greatly appreciated.

Might want to look at it at some other viewport sizes.

Here's 800x600 on my laptop (FF):

http://blinkynet.net/stuff/dings.jpg

> http://thedings.servebeer.com

--
Blinky
Killing all Google Groups posts.
http://blinkynet.net/comp/uip5.html

kchayka

2005-12-10, 6:53 pm

Lester L. wrote:
>
> I've been trying for quite some time to eliminate scrollbars on my latest site;
> I'd be perfectly happy if only the horizontal one would go away, actually.
>
> http://thedings.servebeer.com

I'm not quite sure how you think it should render, but no matter.

I'm pretty sure part of your problem is your use of position:relative
with the top/left/whatever offsets you set. A lot of folks seem to thing
relative positioning is some flavor of absolute positioning. It isn't.

Why don't you do a mockup of what you are trying to achieve? Then maybe
we can make some suggestions for ways to do it properly.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Lester L.

2005-12-10, 6:53 pm

On Sat, 10 Dec 2005 12:25:51 -0600, kchayka <usenet@c-net.us> wrote:

|Lester L. wrote:
|>
|> I've been trying for quite some time to eliminate scrollbars on my latest site;
|> I'd be perfectly happy if only the horizontal one would go away, actually.
|>
|> http://thedings.servebeer.com
|
|I'm not quite sure how you think it should render, but no matter.
|
|I'm pretty sure part of your problem is your use of position:relative
|with the top/left/whatever offsets you set. A lot of folks seem to thing
|relative positioning is some flavor of absolute positioning. It isn't.
|
|Why don't you do a mockup of what you are trying to achieve? Then maybe
|we can make some suggestions for ways to do it properly.

I'm prefectly happy with the way it looks on Blinky's lappy at 800x600, with the
exception of the horizontal scroll bar. When you scroll down in FF and Opera,
you'll not see text going off the right side of page, yet the scroll bar is
there. Then there is IE which lets the text run off the page, with no
Horizontal scroll bar.

Perhaps the way the link colors blend in with blue Dings logo bug me too. I
think I'll make a bgcolor for hovered-over links , then I'll be satisfied there.

My goal with relative positioning was to have elements evenly spaced across the
page in a variety of screen sizes.

Thanks for your insights, still don't get why the probs width-wise. Ctrl+A
shows nothing off to the right, why scroll bar?

David Dorward

2005-12-10, 6:53 pm

Lester L. wrote:

> My goal with relative positioning was to have elements evenly spaced
> across the page in a variety of screen sizes.

Use absolute positioning (with percentages) for that. Relative positioning
is pretty much useless for anything other then establishing containing
blocks for absolute positioning.

> Thanks for your insights, still don't get why the probs width-wise.
> Ctrl+A shows nothing off to the right, why scroll bar?

With block element outlining turned on:
http://dorward.me.uk/tmp/thedings.png
.... several elements extending beyond the window.

Relative positioning is not designed for what you are trying to use it for.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Lester L.

2005-12-10, 6:53 pm

On Sat, 10 Dec 2005 19:11:12 +0000, David Dorward <dorward@yahoo.com> wrote:

|With block element outlining turned on:
|http://dorward.me.uk/tmp/thedings.png
|... several elements extending beyond the window.
|
|Relative positioning is not designed for what you are trying to use it for.

A-ha. That really clears things up. I've kludged it for know by setting
max-width for the grey text across the top to 95% and the blue "the Dings" to
the width of the image.

May I ask how you are able to view block element outlining?

Will look into describing all elements with absolute positioning soon.

Thank you all for the help.

--
Lester

David Dorward

2005-12-10, 6:53 pm

Lester L. wrote:

> May I ask how you are able to view block element outlining?

https://addons.mozilla.org/extensio...einfo.php?id=60

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is