I'm pretty sure that what Sitepoint has is implemented with JS, not CSS.
Notice how it's a popup that you can close.

On 10/5/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
> Hi all (i'm new here, well, not new new, as I have been read alot the
> posts - but this is my first post),
>
> My problem: I want to replicate the feature that is used on
> Sitepoint.com <http://Sitepoint.com> where they have a fixed <DIV> element
> always at the
> bottom of the screen. Now to do it in Firefox it works fine, but in IE
> it doesn't work (suprise). Anyway, I was directed to a website which
> had a hack for this, but having (attempted) to implement this, it
> doesn't seem to work - I believe I have used the correct styles, but in
> the wrong places. My CSS and HTML to recreate this simple feature is as
> follows...
>
> <style>
> body {
> margin: 0;
> padding: 0;
> overflow: hidden;
> }
>
> #fixed {
> width: 100%;
> height: 50px;
> position: fixed;
> bottom: 0;
> left: 0;
> background: pink;
> }
> </style>
>
> <body>
> <p>Content here... </p>
> <div id="fixed"><p>Fixed Content in this box will be stuck to the
> bottom of the page. </p></div>
> </body>
>
>
> Now I have gonna through this walkthrough
> (http://tagsoup.com/-dev/null-/css/fixed/) to help try and work out the
> hack to get it to work in IE, but I am not sure what I need to do. In
> the walkthrough it has a <DIV> with the following style
> declarations...height: 100%; overflow: auto;... but are these meant to
> go in my 'fixed' Class? If so, it doesn't work.
>
> I know the solution is starring me right in the face, but can someone
> help me out on this simple solution :)
>
> Thanks
>
> Tryst
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org <http://evolt.org> --
> http://www.evolt.org/help_support_evolt/
>



--
- C Montoya
rdpdesign.com <http://rdpdesign.com> ...
liquid.rdpdesign.com<http://liquid.rdpdesign.com>...
montoya.rdpdesign.com <http://montoya.rdpdesign.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to