Proper layers - centering in browser

Posted: Mon Mar 24, 2003 3:00 pm (21 years ago)

I have nearly always used proper layers - using the following syntax

<div id="Layer3" style="position:absolute; left:20px; top:274px; width:228px; height:22px; z-index:118" >
<a href="playwrite.html" class="myclass">Playwrite</a>
</div>

an example of its use would be

www.geocities.com/grahamrhodes

I always keep just one item to one layer whether that is a picture or text.

so far its never bothered me that the page doesn't center itself in the browser.
But does anyone know of a way to center pages in the browser using this strict layers method.

I thought of the following. Using JS to detect the amount of screen.availwidth and then testing the pages width. Then adjusting the content if there is miles of space. No idea
how to do this in netscape though.

thanks for reading

Posted: Mon Mar 24, 2003 8:18 pm (21 years ago)

text-align: center; in the style should do it...

Team Member Joined: 06 Jan 2002 Posts: 2564

Adam, I think vulcanpimp wants to center the layer itself on the page... Wink

Posted: Mon Mar 24, 2003 8:33 pm (21 years ago)

hmm...thats a little trickier. if the layer width was in percent, you could specify a margin-left so that there is equal space either side of it. I can't think of a way to do it with a fixed width.

Posted: Tue Mar 25, 2003 1:56 am (21 years ago)

hmmm... could be wrong, but my guess is you'll need DHTML.

You might try searching some of the sites specializing in DHTML scripts, like:

http://www.dhtmlshock.com/

WebHelper Joined: 30 Jul 2002 Posts: 56 Location: UK

I don't quite understand why you need to absolutely position everything, and even less why you need different z-indexes for each div box. I tried looking at your homepage in Mozilla1.3b and it broke Sad

You might try using default positioning and floating your navigation box left like this:

Code:

<div style="float: left">My nav box</div>Main content will flow around box.

Just a thought Smile

Impressive CV btw

Posted: Tue Mar 25, 2003 4:31 pm (21 years ago)

ended up just turning the layers into tables using dreamweaver (convert to tables)

then just added <center> and </center> covering the whole content.

guess I'm just lazy..always hated tables because they just don't make sense to a beginner

thanks for your help I'll try the suggestions

Posted: Tue Mar 25, 2003 8:41 pm (21 years ago)

vulcanpimp wrote:

...guess I'm just lazy..always hated tables because they just don't make sense to a beginner...

guess i'm old skool then... always thot tables were much simpler than layers..

heh... u mite just think of them as div tags with less features (and mucho more tags) ... Wink

WebHelper Joined: 30 Jul 2002 Posts: 56 Location: UK

verto wrote:

vulcanpimp wrote:

...guess I'm just lazy..always hated tables because they just don't make sense to a beginner...

guess i'm old skool then... always thot tables were much simpler than layers..

heh... u mite just think of them as div tags with less features (and mucho more tags) ... Wink

I'm a bit of old and new skool. I use div tags (though not z-index) for some layout, but use tables where CSS4 would otherwise have to be employed Wink