bar at bottom of the browser window

[UnknownPlayer]

How can i make bar at bottom of the browser window on my website, like on http://www.prijevodi-online.org/ where is "Korisničko ime:<input> Lozinka: <input> ..." ?

[noXstyle]

well basically thats just a form inside of div. use css to position the div correctly.. you can find nice examples from: http://www.dailycoding.com/Posts/creating_always_visible_div_using_css.aspx

[UnknownPlayer]

Can i align it to center of the page ?

[haku]

Yes:

 

HTML:

<div id="bottom_bar_container">
  <div id="bottom_bar">Some text to be on the bottom</div>
</div>

 

CSS:

#bottom_bar_container
{
  position:absolute;
  bottom:0;
  width:100%;
}
#bottom_bar
{
  width: 300px;
  margin:0 auto;
}

[UnknownPlayer]

It does not work on every page, and its not on bottom of the window :S

This code works nice, but i need to align it to bootom-center, can u help me with this code:

.visibleDiv, #bar {
    position: fixed;
    width: 150px;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    background: #ffdab9;
    text-align: center;
}
#bar {
    top: 10px;
    left: 10px;
}

<div id="bar">
Bar text
</div>

[PHPTOM]

#bar {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    border-top: solid 1px #e1e1e1;
    background: #ffdab9;
    text-align: center;
}

<div id="bar">
Bar text
</div>

 

That *should* work

[haku]

It does not work on every page, and its not on bottom of the window :S

This code works nice, but i need to align it to bootom-center, can u help me with this code:

.visibleDiv, #bar {
    position: fixed;
    width: 150px;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    background: #ffdab9;
    text-align: center;
}
#bar {
    top: 10px;
    left: 10px;
}

<div id="bar">
Bar text
</div>

 

I showed you how to do it in the post right before this. I'm not sure why you ignored that.

[UnknownPlayer]

I wrote that it doesn't work, it work on some pages and it is not onbootom window, it was on page bottom.

The last one code work, thanks

[UnknownPlayer]

1 more question, when i put width: 550px;, bar is left :S

I need to align on center, how to do that?

[haku]

This will work now. I had the wrong 'position' on it.

HTML:

<div id="bottom_bar_container">
  <div id="bottom_bar">Some text to be on the bottom</div>
</div>

 

CSS:

#bottom_bar_container
{
  position:fixed;
  bottom:0;
  width:100%;
}
#bottom_bar
{
  width: 550px;
  margin:0 auto;
}