By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
449,042 Members | 1,047 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 449,042 IT Pros & Developers. It's quick & easy.

Frames emulation

P: n/a
Hi all
I've seen a lot of posts about frames emulation.
I would like to emulate a: header, left-side menu, content, footer layout.

I need to be cross browser compatible...but I'm get crazy!!!
My code is above: it displays right on Firefox 1.0 but it doesn't on IE6.
What should I change?!

thanx
--
ShadowMan

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cb_start_korr1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--

html, body {
margin: 0; padding: 0; border:none;
overflow: hidden;
}

#FrameTop {
position: absolute;
top: 0;
left: 0;
background: Green;
width: 100%;
height: 100px;
/*bottom: 80%;*/
right: 0;
}

#FrameLeft {
position: absolute;
top: 100px;
left: 0;
width: 20%;
/*height: 100%;*/
/*bottom: 80;*/
bottom: 50px;
right: 80%;
background: Maroon;
}

#FrameContent {
position: absolute;
top: 100px;
left: 20%;
width: 80%;
bottom: 0;
right: 0;
overflow: auto;
background: #F2F2F2;
}

#FrameBottom {
position: absolute;
bottom: 0;
left: 0;
background: Green;
width: 20%;
height: 50px;
/*bottom: 80%;*/
right: 80%;
}

-->
</style>
<!-- End Styles -->
</head>
<body>
<!-- Divs simulieren Frames -->
<div id="FrameTop">Top Frame</div>
<div>
<div id="FrameLeft">
Left Frame<BR>assasa
</div>
<div id="FrameContent">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet congue nihil
imperdiet doming id quod mazim placerat facer possim assum.
[more text]
</div>
</div>
<div id="FrameBottom">Bottom frame</div>
</body>
</html>
Jul 21 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
On Wed, 17 Nov 2004 17:03:13 +0100, ShadowMan <sh*****@despammed.com>
wrote:
Hi all
I've seen a lot of posts about frames emulation.
I would like to emulate a: header, left-side menu, content, footer
layout.

I need to be cross browser compatible...but I'm get crazy!!!
My code is above: it displays right on Firefox 1.0 but it doesn't on IE6.
What should I change?!

thanx


I'm not going to tweek code in a post. Why not put a page on line so we
can all see what is happening?

Know what, tweak it yourself with this input. I've various pages on line
that emulate frames. Text is in Dutch, but markup and style should be
clear enough:

-
<http://home.wanadoo.nl/b.de.zoete/voorbeelden/voorbeeld_fixeren-kop.html>
with header, left sidebar and footer fixed;
-
<http://home.wanadoo.nl/b.de.zoete/voorbeelden/voorbeeld_verticaal-centreren-content.html>
with all but centered content fixed in the viewport of the browser.

Important thing: normal position:fixed does not work in IE. You have to
hack your way around that by keeping your page in quirksmode and add a
small stylesheet for IE, giving all position:fixed a value :absolute.

--
Webontwerp <http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html>
Zweefvliegen <http://home.wanadoo.nl/b.de.zoete/html/vliegen.html>
Blog <http://home.wanadoo.nl/b.de.zoete/_private/weblog.html>
DTD <http://home.wanadoo.nl/b.de.zoete/dtd/not_so_strict.dtd>
Jul 21 '05 #2

P: n/a
Hi,
My code is above: it displays right on Firefox 1.0 but it doesn't on IE6.
What should I change?!

Use dean.edwards.name/ie7 and position:fixed.
It's a bit of JS, but only for IE-Users who have usually turned JS on.
For any other user the JS-Code is ignored.

Chris
Jul 21 '05 #3

P: n/a
"Barbara de Zoete" <b_********@hotmail.com> ha scritto nel messaggio
news:opshmfv8nhx5vgts@dunnet-q4wppud9
On Wed, 17 Nov 2004 17:03:13 +0100, ShadowMan <sh*****@despammed.com>
wrote:
I'm not going to tweek code in a post. Why not put a page on line so
we can all see what is happening?

Here it is:
http://jugbari.altervista.org/cssframes.htm
--
ShadowMan
Jul 21 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.