Welcome to WebmasterWorld Guest from 54.158.51.150

Forum Moderators: not2easy

Message Too Old, No Replies

div tag question

fixed content with < div > tag

     
11:37 pm on Feb 3, 2003 (gmt 0)

10+ Year Member



Hello everyone,

Would it be possable to use a < div > tag and have the contents within it remain fixed as the page is scrolled? This effect would be similar to using a frame to house a menu, which is exactly what I want to do but with the < div > tag.

I've just got into css and am wondering whether it can manipulate the contents of the < div > tag to create this effect I'm after.

Marc

11:40 pm on Feb 3, 2003 (gmt 0)

WebmasterWorld Senior Member nick_w is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Welcome to WebmasterWorld! [webmasterworld.com]

There was a good thread posted a little while back that may help you:
[webmasterworld.com...]

Nick

12:07 am on Feb 4, 2003 (gmt 0)

10+ Year Member



Thanks for the link. I'm trying to get my head round it now. Not getting what I want yet, after some tests.

This code does look like what I'm looking for though. :)

2:50 am on Feb 4, 2003 (gmt 0)

10+ Year Member



Had another go and got this working in opera and netscape, however even though I have used the separate css for the IE hiccup (linked to with the if conditional comment) the same result does not occur in IE.

Nick have you any idea how to do this in IE (re: aforemention & link) anyone else know how to emulate a frame effect with css in IE?

Thanks

7:46 am on Feb 4, 2003 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



I put in a lot of time on this last fall. The W3C recs allow for it, but there's still not enough browser support to put it into practice, from what I can see. Maybe when IE7 is released and gains enough market share.
1:29 pm on Feb 4, 2003 (gmt 0)

10+ Year Member



I see what you're saying tedster. We'll all have to wait for IE to catch up in this area and for enough users to have installed IE's latest browser capable of this.

Wish there was a work around :(

2:15 pm on Feb 4, 2003 (gmt 0)

WebmasterWorld Senior Member suzyuk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



eclecticflow..I think there is and it was mentioned here recently though can't remeber which thread..

However here's a link [devnull.tagsoup.com] to a page which explains the workaround fully..

Good Luck
(It should work because I had a test page running for someone else, not here though, I'll go back and check what the foibles were....if any!)

Suzy

6:27 am on Feb 5, 2003 (gmt 0)

10+ Year Member



Nice one SuzyUK, it does work.

Looks like this is where ranjan got the inspiration when posting [webmasterworld.com ]. The quote below from the site cleared things up for me. I was using a 100% table that overlaped IE's scrollbar thus the mess I was getting in with IE.

[devnull.tagsoup.com ]
things get messy when you try to cover 100% of the body width, because internet explorer's scrollbar will be overlapped; you'll need to wrap that element with 16px margin-right in the fixed element...

Looks like I really need to get into css. An investment in Topstyle and some non-stop css reference and tutorial browsing is in order.

Thanks again

 

Featured Threads

Hot Threads This Week

Hot Threads This Month