Layers aligned relative to browser window

[Jusenkyo]

Hello all

I have a page made mostly of layers. I would like them to all be aligned relative to the bowser window - i.e. always centered.

At the moment I have to put the actual pixel value of the layers location.

Any ideas?

 

[DeveloperDood]

I have done this a few times.

Basically you have to do math calculations in JavaScript based on the browser's window size. I think the syntax is something like screen.width, screen.height. Or maybe that is for the screen size. Anyway, the syntax for the browser window is similar.

Then use JavaScript/DHTML to tell the layer(s) exactly where you wante them situated. Using CSS you have to tell the layers that they are "position:absolute" and then set the "top" and "left" using your DHTML.

Sorry I don't have any code for you, lemme know if this is good enough.

 

[Jusenkyo]

That all makes perfect sense.

Unfortionately I aint to good with javascript/DHTML coding, but I get the principle of it.

Do you think this is a wise way to set up a website? i.e. using Layers and Javascript to place it?



If anyone has any code lying around too - I will gratefully take it of your hands!!

 

[DeveloperDood]

I think it's a great way to do it. But I would say look at your web stats first. When I do this kind of site, I do it when 95% or better use Internet Explorer, cuz Netscape doesn't have great support for it, and customizing Netscape doubles the amount of code you have to write because it treats layers differently.

(Netscape uses document.layers and IE uses document.all and the HTML DIV tag)

 

[Jusenkyo]

Luckily I am developing this site for use on the company intranet... so 100% of our users have IE!

 

[Jusenkyo]

Any ideas about the code I might use then?

 

[DeveloperDood]

well, here's a page I designed, this ought to get you started on the DHTML and DIVs at least

http://www.wolfpopper.com/wolfpopper/about.cfm

 

[Jusenkyo]

hiya DeveloperDood

Where have you used Layers on this site then?

I aint too good with coding - I do most of my design in DW MX, and just do the SQL/ASP coding myself...
I am Naff as far as HTML/Java goes!

 

[natesneat2000]

I did something like this, only with a window (for my friend's band). ~800x600 window launches in center. Code is in external file, let me know if you can't find.

http://visionsunseen.tk

 

[Jusenkyo]

I see what you've done there. Good Idea.

But I dont think the people in the office would appreciate having to click on a link to open the site...

Anymore ideas?

Or even better - can anyone suggest a better way to build the site? It has to run really fast!

 

[natesneat2000]

I see you were planning on a layer... you could adapt my code to layerrs (I'd help, but not much experience with layers), you could have it open automatically. I think layers are your best bet.