Problem: Dynamically center layers on centered web page - IE + Firefox

[Freek te Water]

Hi,

Hope no-one is offended by my probably noob question...

Context:
I have a web page design, which always centres in the middle of the
screen (using a 100%*100% HTML-table). Now I also use layers, that get
visible when something is clicked. All works fine.

Problem:
All works fine... Except when chancing screen resolution or when
resizing the browser window :( I need the layers to stay centered on the
centered HTML-table, when resizing the web page or when a user uses a
different screen resolution.

Question:
Is it possible to dynamically center/reposition the layers I use, when a
user is resizing the web page or when a user uses a different screen
resolution..?

Many thanks for any help/advise/links,

Frederik, Amsterdam, Holland

[Neal]

Re: Problem: Dynamically center layers on centered web page - IE + Firefox

On Tue, 24 Aug 2004 23:05:18 +0200, Freek te Water <f.tewater@amc. uva.nl>
wrote:
[color=blue]
> Hi,
>
> Hope no-one is offended by my probably noob question...
>
> Context:
> I have a web page design, which always centres in the middle of the
> screen (using a 100%*100% HTML-table). Now I also use layers, that get
> visible when something is clicked. All works fine.[/color]

I'll assume "layers" in this context means positioned or floated elements,
which is I believe a Dreamweaver term. Be aware the term "layers" is not
properly a CSS term, and can mean other things in different contexts.
[color=blue]
> Problem:
> All works fine... Except when chancing screen resolution or when
> resizing the browser window :( I need the layers to stay centered on the
> centered HTML-table, when resizing the web page or when a user uses a
> different screen resolution.
>
> Question:
> Is it possible to dynamically center/reposition the layers I use, when a
> user is resizing the web page or when a user uses a different screen
> resolution..?
>
> Many thanks for any help/advise/links,
>
> Frederik, Amsterdam, Holland[/color]

It might be possible, but first you need to provide a link for us!

Set up a test case which demonstrates the problem with as little detail as
you can. Post the URL here and we'll look it over.

[Freek de Stoute]

Re: Problem: Dynamically center layers on centered web page - IE+ Firefox

Neal wrote:[color=blue]
> On Tue, 24 Aug 2004 23:05:18 +0200, Freek te Water
> <f.tewater@amc. uva.nl> wrote:
>[color=green]
>> Hi,
>>
>> Hope no-one is offended by my probably noob question...
>>
>> Context:
>> I have a web page design, which always centres in the middle of the
>> screen (using a 100%*100% HTML-table). Now I also use layers, that get
>> visible when something is clicked. All works fine.[/color]
>
>
> I'll assume "layers" in this context means positioned or floated
> elements, which is I believe a Dreamweaver term. Be aware the term
> "layers" is not properly a CSS term, and can mean other things in
> different contexts.[/color]

You're right, I mean positioned or floating elements that
(D)HTML-editing programs like DreamWeaver call Layers.[color=blue]
>[color=green]
>> Problem:
>> All works fine... Except when chancing screen resolution or when
>> resizing the browser window :( I need the layers to stay centered on
>> the centered HTML-table, when resizing the web page or when a user
>> uses a different screen resolution.
>>
>> Question:
>> Is it possible to dynamically center/reposition the layers I use, when
>> a user is resizing the web page or when a user uses a different screen
>> resolution..?
>>
>> Many thanks for any help/advise/links,
>>
>> Frederik, Amsterdam, Holland[/color]
>
>
> It might be possible, but first you need to provide a link for us!
>
> Set up a test case which demonstrates the problem with as little detail
> as you can. Post the URL here and we'll look it over.[/color]

Thanks, I've set it all up at this address:

http://www.isabelnabuurs.nl/try.htm

[Els]

Re: Problem: Dynamically center layers on centered web page - IE + Firefox

Freek de Stoute wrote:
[color=blue]
> Neal wrote:[/color]
[color=blue][color=green]
>> Freek te Water wrote:[/color][/color]

Freek, mag jij van je moeder het water wel in?

--
Els

http://locusmeus.com/

Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Freek de Stoute]

Re: Problem: Dynamically center layers on centered web page - IE+ Firefox

Els wrote:
[color=blue]
>
>
> Freek, mag jij van je moeder het water wel in?
>[/color]

Ja, dat mag ik, echt..! Maar niet tegen m'n moeder zeggen ;)

[Els]

Re: Problem: Dynamically center layers on centered web page - IE + Firefox

Freek de Stoute wrote:
[color=blue]
> Els wrote:
>[color=green]
>> Freek, mag jij van je moeder het water wel in?[/color]
>
> Ja, dat mag ik, echt..! Maar niet tegen m'n moeder zeggen ;)[/color]

<g>

--
Els

http://locusmeus.com/

Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Freek de Stoute]

Floating elements &amp; keeping them centered

Hi Neal & everyone here,

I would like to repeat my earlier question (Dynamically center
layers...), to avoid it getting lost in chitchat with Els :)...

Context:
I have a web page design, which always centres in the middle of the
screen (using a 100%*100% HTML-table). Now I also use *floating
elements*, that get visible after user interaction. So far no trouble.[color=blue]
>[color=green]
>> Problem:
>> All works fine... Except when chancing screen resolution or when
>> resizing the browser window :( I need the layers to stay centered on
>> the centered HTML-table, when resizing the web page or when a user
>> uses a different screen resolution.
>>
>> Question:
>> Is it possible to dynamically center/reposition the layers I use, when
>> a user is resizing the web page or when a user uses a different screen
>> resolution..?
>>
>> Many thanks for any help/advise/links,
>>
>> Frederik, Amsterdam, Holland[/color]
>
>
> It might be possible, but first you need to provide a link for us!
>
> Set up a test case which demonstrates the problem with as little detail
> as you can. Post the URL here and we'll look it over.[/color]

Thanks, I've set it all up at this address:

http://www.isabelnabuurs.nl/try.htm

[Els]

Re: Floating elements &amp; keeping them centered

Freek de Stoute wrote:
[color=blue]
> Hi Neal & everyone here,[/color]

Hi Freek ;-)
[color=blue]
> I would like to repeat my earlier question (Dynamically
> center layers...), to avoid it getting lost in chitchat
> with Els :)...[/color]

:-(

[problem centering table while on top of centered background]
[color=blue]
> Thanks, I've set it all up at this address:
> http://www.isabelnabuurs.nl/try.htm[/color]

It's probably just me, but the page works, yet the stylesheet
(/isabel.css) is not where I'm trying to find it:

http://www.isabelnabuurs.nl/isabel.css

Am I missing something?

To see what you're doing wrong, I need to see the stylesheet.
Unless the stylesheet doesn't do anything...
.... copied the html to my local server... indeed, the
stylesheet reference is obsolete.
Okay...

Checking the html, I see it's a lot of JavaScript (which I
don't understand at all) and then a bunch of position:absolu te
styles...

Sorry, but afaics this won't work.
You need to put that table *inside* the div that you are now
"laying it over" (hope that makes sense)

Position:absolu te takes stuff out of the flow of the page.
You state for the LIVEthumbox:
position:absolu te; left:319; top:100px;
That's where you put the pics. exactly 319 pixels from the
left side of the window, and 100px from the top.
You use Z-index to make them show in front of the page.
That page you make liquid.

This page just does what you tell it to. If the window gets
narrow, the page goes to the left, and the thumbnails stay
where you told them to stay: 319 pixels from the left.

Btw, great picture:

http://www.isabelnabuurs.nl/images/live_staand/DeDijk.jpg

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: The Scene - Geloof

[Freek de Stoute]

Re: Floating elements &amp; keeping them centered

Els wrote:
[color=blue]
>
> Sorry, but afaics this won't work.
> You need to put that table *inside* the div that you are now
> "laying it over" (hope that makes sense)
>
> Position:absolu te takes stuff out of the flow of the page.
> You state for the LIVEthumbox:
> position:absolu te; left:319; top:100px;
> That's where you put the pics. exactly 319 pixels from the
> left side of the window, and 100px from the top.
> You use Z-index to make them show in front of the page.
> That page you make liquid.
>
> This page just does what you tell it to. If the window gets
> narrow, the page goes to the left, and the thumbnails stay
> where you told them to stay: 319 pixels from the left.
>
> Btw, great picture:
> http://www.isabelnabuurs.nl/images/l...and/DeDijk.jpg
>[/color]

Great help, Els..!
It seems I have a lot to learn, but I understand your solution and will
work on it today. Will keep you posted if you don't mind.

Thanks again for your time and trouble,

Freek