Forum Moderators: not2easy

Message Too Old, No Replies

Emulating frames with CSS

use a pattern that was originally a frameset

         

SanDiegoPaul

8:16 pm on May 5, 2006 (gmt 0)

10+ Year Member



I want to create a site using CSS of course, that looks like a standard frameset. There's a logo in the top frame, a horizontal text menu dividing the panes, and the main window below. Clicking on anything in the menu opens up a 'frameset' below in the main part of the window, leaving the menu bar and logo/banner intact at top of the page.

I know how to make the horizontal menu bar using CSS and I have the logo&banners required. Now what?

Do I put the top section of the page on one DIV and then the main body of the page on another one below? Am I making this more of a project than it needs to be? I don't want to use frames...but I do want the top menu bar and banner to be static.

SanDiegoPaul

1:34 pm on May 6, 2006 (gmt 0)

10+ Year Member



No takers on this?

hexdj

6:43 pm on May 6, 2006 (gmt 0)

10+ Year Member



when you say you don't wanna use frames, is it because if for exaple you change the links on your menu you wanna just go and edit one single file?

This is probably not a CSS related topic. But if you already have your layout the way you like it and if you're using Dreamweaver you can create a template so you can edit just areas that you want to edit.

Another approach is to make it with PHP, just load whatever you want into a DIV, but this one takes more programming knoledge.

Moby_Dim

7:43 pm on May 6, 2006 (gmt 0)

10+ Year Member



Ask Google "stu css frames emulation".

SanDiegoPaul

11:41 pm on May 8, 2006 (gmt 0)

10+ Year Member



This is probably not a CSS related topic. But if you already have your layout the way you like it and if you're using Dreamweaver you can create a template so you can edit just areas that you want to edit.
--------------

Sure it is. I want a pure CSS paged site, not using frames.

xfinx

7:28 am on May 9, 2006 (gmt 0)

10+ Year Member



Well in order to make that work, you need:
position: fixed.

This works well in FF but not in IE.
There is a way to emulate it a bit..

you might find something here:

tagsoup . com / -dev / null- / css / fixed /
(delete spaces)

good luck!

Stratus42

11:34 am on May 9, 2006 (gmt 0)

10+ Year Member



I haven't tried this,

but I would think that you could do it using :

a) overflow: scroll (on a box with fixed size so make it look like a frame or inline-frame)
b) visibility: (visible / hidden) and
c) display: none

I did something similar once, but I used ASP and query strings to reload the page and display the content for the thing that was clicked on. it looks like i'm using inline frames.. but it's all css

h-s