Tables and Scroll Bars

[LocoDave]

Hey guys!!

I want to create a splash page with NO SROLL BARS at all.

Here is a good example :: http://www.2advanced.com/archive/v2/index.html

The scroll bars only appear when its real small, thats ok!!

This is what i have done so far.

I created a table with 100% height and width, so there are no scrol bars.....but when i add another layout table on top of that, suddenly scroll bars appear!!

Ive tried evrything so far, im sure it is simple, but i cant get rid of the scroll bars!!

Can anyone please help me!!

(dreamweaver mx)

This is what i have done so far.

Thanks

[QuietDean]

Hi there.

You get a scrollbar when your document is bigger than the available screen size. You mentioned your page was 100% tall and then you added another table so it must be bigger than 100% now.

Try reducing the 100% figure to 97 or something, play with the numbers until its perfect.

[LocoDave]

Thanks for ur reply!!

But if the table under is 100% both width and height, wouldnt the tablt i place on top, stick to that??

This is exactly what i have done

Layout View ::

Created a table, made it 100% height and width

Created another table on top of that ( no certain width or length)

but now the scroll bars appear...WHY??

[QuietDean]

What do you mean by on top? Is the second table enclosing the 100% table, or is it inside it? If you are using an editor and are not sure how tables work, try going thru the tutorials on the top right, there is a table tutorial in there.

[Android]

Are the tables nested like:

table width="100%" height="100%"
....tr
........td

..................table
......................tr
..........................td

..................content and things...............

........................../td
....................../tr
................../table

......../td
..../tr
/table

[LocoDave]

yes they are nested, i guess thats an easier way of saying what i have done!!

[Android]

Can you post a link or some of your code?

That site's done with two frames and has a few tables nested in one table in the top frame. (Can't tell offhand why...It doesn't look as complicated except that it involves flash.....I know nothing about flash.)

[LocoDave]

Ill give u a link to this splash page once its done!!

If u ever need anything in flash........im here

[Android]

Originally posted by LocoDave
If u ever need anything in flash........im here

Where were you when I wanted an opening page where you'd flip a switch and a garage door would open. I sort of got what I wanted using 'frames' and 'MS page transitions', but the door didn't slide out of the way, it just 'wiped' up the central frame. LOL

We'll await your link.

[LocoDave]

these are the links!!

http://www.geocities.com/steph_flounder/

and

http://www.geocities.com/d_dzign/Index.html

same page, same design, dnt know y this is happening!!

Somehow i manged the scroll bars not to appear in dreamwaever but when i uploaded it, they appeared again!!

PLs help !!!

[Android]

Do you mean like when you insert

scrollbar="no"

into the body tag? I sort of did the same thing by changing the outside table's height to 90%.

Or do you want the whole structure of the scrollbar to disappear? That requires DHTML and javascript. Do a search on chromeless windows.

On the other hand I would just use:

<style>

<!--
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #000000;
-->
</style>

in the head. LOL, that's pretty drastic

[LocoDave]

I SUCK

im trying a new one, see how i go, coz sumhow in that splash the damn flash didnt work!!

[LocoDave]

do u have msn?

[LocoDave]

here is the new one i did!!

http://www.geocities.com/d_dzign/

all loads now, but there is still a scroll bar!!

when i tested it in dreamweaver, there was no scrollbar so i was happy, but then i upload it, and they appear!!!!

[Android]

Originally posted by LocoDave
do u have msn?

I have it but it's corporate and I'm behind a nasty arrangement of firewalls. I can only IM internally.....

I believe the scrollbar is something controlled by the browser and the only way to completely do away with it is through hacks and workarounds. I don't think that there's a 'silver bullet' sure fire way of doing it for every browser without some kind of client side scripting (chromeless windows).

As I mentioned before, try the CSS scrollbar attributes.
Works for me in IE5, IE5.5, and IE6....

EDIT

I'm bad.....here's the correct CSS:

<style>
<!--
body {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #000000;
}
-->
</style>


C/P this into the head of the document maybe right before the <body> tag.