div tag question

fixed content with < div > tag

[eclecticFlow]

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

[Nick_W]

Welcome to WebmasterWorld! [webmasterworld.com]

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

Nick

[eclecticFlow]

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. :)

[eclecticFlow]

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

[tedster]

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.

[eclecticFlow]

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 :(

[SuzyUK]

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

[eclecticFlow]

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