Floating box?

[PoorDoggie]

Hi.

I want a floating box. Basically I want to do what google do. Those of you with legal windows installations with iexplorer 7 installed will see a little box on google telling you to make google your default search or whatever. Basically I want a box like that.

I tried with a div, but you can't do "float:right" if you have "position:absolute". Do you understand?

Also, if anyone knows how I can tell if someone already has my search in internet explorer I would be grateful. IE: I don't want to hastle people to put my search in iexplorer if its already there.

Thanks
Tom

 

[PoorDoggie]

Anyone? I am not sure how well I have explained it.

Basically, I want to float an "area" in the top-right of people's browsers, if they are using internet explorer 7. I want the box basically so that I can put in it a link saying "Use 6YD as your default search engine in IExplorer 7" with an arrow pointing to the search bar in Iexplorer.

All I need is:
a) knowledge of how to create a floating box that will not interupt the content of my site, but will hover in the top-right hand corner of the page.
b) knowledge of how to figure out if a user, on iexplorer 7, already has 6YD search as one of their search engines.

Thanks
Tom

 

[PoorDoggie]

No-one? Pah... divs must be rubbish then...

 

[Dan]

I'm not sure what you want it to do.. I dont have IE7, blah, blah.. so I can't see it.

Do you mean it scrolls down the page when you scroll on Google? If that's it, you want position: static; and I'm not sure if that works in IE7. It does in FF, but not in IE6.

float: right; just puts it to the rightmost part of the elements container.

 

[PoorDoggie]

No. The page I want it on is my homepage, which dosen't scroll. Basically I want it just "floating" over the page in the top right hand corner of the page. I will try and get a screenshot of google for you.

 

[Gene]

Try this:

http://www.jtricks.com/javascript/navigation/floating.html

 

[PoorDoggie]

not that complicated. By floating, I just meant static, not moving, but ABOVE the content, ie: position:absolute;

here is a screenshot (attached)

 

[Dan]

In the CSS for that element, put z-index: 999;

http://www.w3schools.com/css/pr_pos_z-index.asp

 

[PoorDoggie]

erm... so I can do this:

#element{
  float: right;
  z-index: 999;
}

and that will not disrupt the content of my site? I will give it a go!