View Single Post
  #4   Spotlight this post!  
Unread 05-01-2007, 00:13
Christian Christian is offline
...
FRC #0408 (RoboTicks)
Team Role: Leadership
 
Join Date: Nov 2006
Rookie Year: 2001
Location: Ft. Lauderdale
Posts: 17
Christian will become famous soon enoughChristian will become famous soon enough
Send a message via AIM to Christian
Re: Website coding help needed

You can do it using frameset, but I personally don't like frames...
What you want is fixed position.

On your page, you need to place a div, or other block element, and give it an id:

Code:
<div id="fxid"> Information will go in here. </div>
and then on your CSS stylesheet, include:

Code:
#fxid {
    position:fixed;
    top:20%;
    left:0;
    height:100px;
    /* I don't like making height dynamic so in this example, I assigned it a value */
}
You can change the "fxid" to whatever you want, but you have to keep the pound sign (#) in the CSS stylesheet.

The only problem is that the position:fixed does not work in IE (I haven't tried on IE7). So you may want to go with framesets. Or, you can use some fancy JavaScript to get it to "float" where you want it. We used it one year to create a OSX-ish type navigation that always stayed on the bottom of the screen. He also has a version that mimics fixed position
.

Search w3schools for information on CSS, JavaScript, or framesets if you want to do more or differently.
__________________
President/Programming/Mechanical/Electrical/Animation/Website

robots and cake are all you need, everything else like oxygen are considered bonuses.

Last edited by Christian : 05-01-2007 at 00:17.