Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Moving window

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #24180
    mcgyver47
    Participant

    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

    #53939
    mcgyver47
    Participant

    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

    #53941
    ikthius
    Member
    "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 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.