Border under scroll bars — OZONE Asylum, home of the Mad Scientists

Stupid Basic HTML

Border under scroll bars

This page's ID: 9628

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	JJ I had a look and if you view the source and copy it and then display it from your own system (using a HTML editor, you will see an ordinary page). So, how did they do that? Easy. Set a page up with no content other than an iframe. Point this to the real file you want to display. Switch off the scroll bars on the blank page. Set borders as appropriate, and styles. I couldn't be bothered to exactly replicate the page you refered to, but this does something similar: <html> <head> <title>(Type a title for your page here)</title> <style type=text/css> body { margin: 0; padding: 0; border: 0 } iframe { margin: 0; padding: 0; border-width; 1 border-color: black; border-style:solid; overflow: visible } </style> </head> <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000" scroll=no border=0 margin=0> <iframe border=1 height=100% width=100% src="anotherpage.htm"></iframe> </body> </html> To get a scroll bar the page must be longer than the window. The advantage of this is that if the page is not longer than the window, no scrollbar appears at all, giving a bit more width. Now, iframe is a bit IE'ish, not so good on other browsers, maybe why others don't see the same effect. Anyway, play around with the borders on both the body of the blank page and that of the source file. Trev "Good artists copy, great artists steal." Pablo Picasso Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu