You can also do it with page jumps and a container with a fixed height/no scroll (depending on the length of all the content intended for the right pane).
This was an ingenious invention of mine (and surely others) to emulate a flash based site. here's a working version: http://www.kacevisual.com/files/AndrewPaquet/site2/ Kevin On Wed, Sep 29, 2010 at 6:10 PM, Brandtley McMinn <[email protected]>wrote: > This may be more-or-less what you're going for. Happy coding. > > > ================================================================================ > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> > > > <html> > <head> > <title>Title of the document</title> > > <style type="text/css"> > * { margin: 0; padding: 0; } > body { font-size: 16px; font-family: arial, helvetice, verdana, > sans-serif; } > > #container { display: block; position: relative; width: 960px; > height: 100%; margin: 0 auto; } > > #navigation { position: relative; float: left; width: > 200px; } > > #logo { display: block; background: #aaa; width: 200px; > height: 100px; } > > iframe { position: relative; float: right; width: 750px; > height: auto; border: none; border-left: 1px solid #aaa; border-right: 1px > solid #aaa; } > </style> > </head> > > <body> > <div id="container"> > > <div id="navigation"> > <div id="logo"> > > </div> > <ul> > <li><a href="#" title="#" target="main-frame">Link > here</a></li> > <li><a href="#" title="#" target="main-frame">Link > here</a></li> > <li><a href="#" title="#" target="main-frame">Link > here</a></li> > <li><a href="#" title="#" target="main-frame">Link > here</a></li> > </ul> > > </div><!-- /#navigation --> > > > > <iframe name="main-frame" src="home-page-is-called-here.html"> > Your browser does not support HTML frames. Please upgrade > your browser or try one of these newer browsers that support frames.<br /> > > <a > href="http://www.mozilla.com/";<http://www.mozilla.com/>target="_blank">Mozilla > Firefox</a> | <a href= > "http://www.google.com/chrome/"; > <http://www.google.com/chrome/>target="_blank">Google Chrome</a> > </iframe> > > </div><!-- /#container --> > > > </body> > </html> > > > On 9/29/2010 7:54 PM, bruce wrote: > > Yes, it helps. This is a noncommercial application, so I think I'll > stick with HTML Frames. It's also a short lived application with a > life of maybe 3 or 4 months... > > Thanks for the comeback.. > > Bruce > > On Sep 29, 8:48 pm, Brandtley McMinn <[email protected]> > <[email protected]> wrote: > > Hey Bruce, > > This kind of thing doesn't really exist. What you're looking for is some > kind of php template framework or CMS (ie: Wordpress, Drupal, Joomla, > etc) that pieces together your navigation and page content. A CMS can > also simplify this because they're designed to dynamically manage and > generate web pages with content that's managed in a database. It > simplifies the paradigm of delivering a site to the user's browser and > has rendered "frames" virtually useless. > > Hope this helps, > > -- Brandtley McMinn - Creative Director > Gigglebox [email protected] > 512.406.1666 > > On 9/29/2010 7:44 PM, bruce wrote: > > Where can I find an css example that is of a "HTML Frame"? What I > want is fairly simple, namely a Vertical menu on the left and Main > area on the right. When I click on the navigation item, I want a new > page to appear in the main area.. > > If I can do this, can some one point me to an example? > > Thanks... > > Bruce > > > -- > -- > You received this because you are subscribed to the "Design the Web with > CSS" at Google groups. > To post: [email protected] > To unsubscribe: [email protected] > -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
