BigNoseBird.Com- Small Logo
The 508 compliant Guide to 
       Big Nose Bird
Site Search Engine


Style 3: Faux Frames, or how to get that frame look without actually using them.

A lot of people lately have been asking how they can give their pages the appearence of using frames, but without actually using them. The technique is very simple, and similar to the method we used in the first set of styles. The major difference of course is that we now want to have information in the left margin area.

Again, we want to design our page so that it will work with most browsers- assuming 640x480 resolution

The trick here is to create a BACKGROUND image file that instead of having a complex left margin area, has a flat color with a thin line between the left and right sides of the graphic. If when viewing the page save the BACKGROUND image by right-clicking, you can examine and alter this image to meet your needs.

You then set up your TABLE so that the first cell or TD contains the navigation choices, and the second TD contains the main body of your page.

In our example page, we have a colored left region about 120 pixels wide. The main body area is 440 pixels wide. This allows for a nice page that does not require side scrolling on 640X480 screens. The navigation choices are in the left region, and are pushed down a bit by using the transparent spacer.gif trick. You can of course place any other graphic or text where you want to tailor the effect.

If you want to have just a little more fun with your readers, try this. The difference between this example and the previous is that the BACKGROUND image was created using a screen capture of a frame border. It should fool the average surfer for just a brief moment.
- Bruce

Find or Give Help on the BBS
Home Top E-Mail
If it looks great, it's by Christine
Some Fine Print
© 1997-2003 BigNoseBird.Com®, Inc. All rights reserved. All other trademarks are the sole property of their respective owners. The products that we recommend are only ones that we use. We have no relationship with any of the authors or their companies. We cannot assume responsibility for their ultimate performance or lack of same. We also cannot assume responsibility for either any programs provided here, or for any advice that is given since we have no control over what happens after our code or words leave this site. Always use prudent judgment in implementing any program- and always make a backup first! For further information, please read our Privacy Statement. We can be contacted at

Web Builder Network Portal
on the
BigNoseBird Newsletter

Sign up today to receive our low volume newsletter. Tips, tricks, news, and whatever else crosses our minds.
Back Issues
Privacy Statement