Fixed or Static Division

Tutorial by Gordon

Description

As you know IE 5 & 6 can't read fixed positioning like the other browsers it's been repaired in ie7, I think I have a solution for web studio figured out though.

Forum Q & Aon this topic.

Step by Step

Drag on an HTML object from the cool stuff gallery, and we'll make a float like the ones at WS4 advanced.

<div
id="gordbox"
style="
padding: 6px;
background-color: tomato;
border:2px solid black">
<center>

<Font face=Verdana>
<STRONG>
<FONT color=maroon>
<A href="http://webstudioforum.com/">
Web Studio Forum
</A>
</FONT>
<FONT color=navajowhite>
- This is the Stuff I want to stay on top
</FONT>
</STRONG>
</FONT>

</center>
</div>

Note: Copy all the code from the top and bottom pink and white middle. The WIKI wouldn't allow the colored background plus the bold. So in short you want to copy the code from div to /div

See the bold part above between <center> and </center> that's copied from web studio, just make your text as normal right click on it select edit html source copy the code and paste it in above instead of what I put in there.
Now right click on it (the html object) go to properties the object html tab and select the inside page header radio button, and paste this:

<style type="text/css"> 
#gordbox{
position: fixed;
}
* html #gordbox{ /*IE6 only rule, applied on top of the default above*/
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+1+"px" : body.scrollTop+1+"px");
}
</style>

You can drag the HTML object out or in to any size you want to fit your content.

Here is the link if you want to read more about the Introduction to Dynamic Properties (aka dynamic expressions) at http://www.javascriptkit.com