Grow your CSS skills. Land your dream job.

Moving window

  • # February 17, 2009 at 12:27 pm

    I would like to have a small window that moves up or down following scrolling up or down of browser main window put it another way this small window should look like it is more or less fixed regarding main browser window
    Anybody any ideas how to achieve this
    Thanks in advance
    Jean from France

    box
    # February 17, 2009 at 12:52 pm
    Code:
    position:fixed

    ;)

    # February 18, 2009 at 12:13 pm

    Hi Box,
    Thanks for clue but could you explain a little more
    Tell me if I am correct
    create a
    <div id="fixedwindow">
    Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.
    </div>
    CSS
    div#fixedwindow {
    position: fixed
    top= 120px;
    right=200px;
    border: 1px solid black;
    background: red;
    }
    It will be fixed regarding which part of browser window ??
    I am going to give it a try !
    Thanks for help
    Jean from France

    # February 18, 2009 at 2:16 pm
    "mcgyver47" wrote:
    Hi Box,
    Thanks for clue but could you explain a little more
    Tell me if I am correct
    create a
    <div id="fixedwindow">
    Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.
    </div>
    CSS
    div#fixedwindow {
    position: fixed
    top= 120px;
    right=200px;
    border: 1px solid black;
    background: red;
    }
    It will be fixed regarding which part of browser window ??
    I am going to give it a try !
    Thanks for help
    Jean from France

    give it a try in and outside other divs, but change your id to a class, to see how it works

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".