Positioning Layers

sweevo · Jun 13, 2002

I have just made a page layout using <div> layers to position form elements rather than tables, using absolute positioning.

This is fine at the design resolution (800*600) but obviously not at different ones. I don't want the elements to be stretched apart as would happen if I used % values for the positions, so is there a way I can used nested layers and position the elements from the parent's edges rather than the screens - and have the parent centred?

Alternatively, what is the best way of having everything centred nicely?

Any help would be appreciated. Thanks...

NEVERSLEEP · Jun 13, 2002

<!--
// grab the screen width
var cwidth = screen.width;
// so fit your <div id="x">
function fitdiv() {
if (cwidth > 1024) {
// more than 1024x768
} elseif (cwidth == 1024) {
// 1024x768
} elsif (cwidth == 800) {
// 800x600
} else {
// lowers ..
}
}
// dont forget to call onload="fitdiv()" in your <body>
// hope this helps ---------------------------------------

someone knowledge ends where
someone else knowledge starts

sweevo · Jun 13, 2002

Thanks I'll give it a go.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Positioning Layers

sweevo

Programmer

NEVERSLEEP

Programmer

sweevo

Programmer

Similar threads

Part and Inventory Search

Sponsor