473,245 Members | 1,755 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,245 software developers and data experts.

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

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
Jul 20 '05 #1
8 11076
On Tue, 24 Aug 2004 23:05:18 +0200, Freek te Water <f.*******@amc.uva.nl>
wrote:
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.
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.
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


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.
Jul 20 '05 #2
Neal wrote:
On Tue, 24 Aug 2004 23:05:18 +0200, Freek te Water
<f.*******@amc.uva.nl> wrote:
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.

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.


You're right, I mean positioned or floating elements that
(D)HTML-editing programs like DreamWeaver call Layers.
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

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.


Thanks, I've set it all up at this address:
http://www.isabelnabuurs.nl/try.htm
Jul 20 '05 #3
Els
Freek de Stoute wrote:
Neal wrote:

Freek te Water wrote:


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

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -
Jul 20 '05 #4
Els wrote:


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


Ja, dat mag ik, echt..! Maar niet tegen m'n moeder zeggen ;)
Jul 20 '05 #5
Els
Freek de Stoute wrote:
Els wrote:
Freek, mag jij van je moeder het water wel in?


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


<g>

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -
Jul 20 '05 #6
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.
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

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.


Thanks, I've set it all up at this address:
http://www.isabelnabuurs.nl/try.htm
Jul 20 '05 #7
Els
Freek de Stoute wrote:
Hi Neal & everyone here,
Hi Freek ;-)
I would like to repeat my earlier question (Dynamically
center layers...), to avoid it getting lost in chitchat
with Els :)...
:-(

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


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:absolute
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:absolute takes stuff out of the flow of the page.
You state for the LIVEthumbox:
position:absolute; 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

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -
Now playing: The Scene - Geloof
Jul 20 '05 #8
Els wrote:

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:absolute takes stuff out of the flow of the page.
You state for the LIVEthumbox:
position:absolute; 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


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
Jul 20 '05 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Mimo Zus | last post by:
I'm hoping that someone can explain what's going on; better yet provide a workaround. I'm designing a centered CSS site based on a 550 pixel wide vertical background image. Onto this background...
11
by: Mark Schneider | last post by:
I'm trying to avoid using <table> for formatting purposes where other, reasonable means exist. I'm stuck trying to find a way to find an equivalent for the code below. <table align="center">...
3
by: ben.saur | last post by:
I am having a problem viewing a centered table using Firefox. When the page is long enough to scroll, the alignment moves slightly to the left. The alignment doesn't change when I view the page...
2
by: nino9stars | last post by:
Hello, I have just started messing with absolute positioning on webpages, and it definitely let's you do some creative things. Well, after much searching and help, I got the images I was using...
5
by: althafexcel | last post by:
hi everyone Im trying to include an external js in my aspx page under the head tag, it doesn't load or it displays an object expected error whenver the function from the .js is called. Actually...
1
by: judacris | last post by:
I've seen the threads here about molding 2 divs in a centered fashion. but I can't seem to solve this thing. my blogger blog is functioning well on my site for now, but the blog feed (left) and...
12
by: sheldonlg | last post by:
Here is my situation. I am coding in an AJAX framework for an intranet application behind a vpn. Therefore, I can't give you a URL for the actual app. I made a sample app for viewing and am...
19
by: Jim | last post by:
Hi, I have two questions/problems pertaining to CSS horizontal dropdown menus and am hoping that someone here can help me out. (1) I'm having a problem centering the menu. I picked up the...
13
by: Stevo | last post by:
I've found that for IE6+, if you add the property text-align:center to a DIV, then *anything* inside it gets centered. That can be a table, an object/embed, another DIV, an image, or some text. ...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, youll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: marcoviolo | last post by:
Dear all, I would like to implement on my worksheet an vlookup dynamic , that consider a change of pivot excel via win32com, from an external excel (without open it) and save the new file into a...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.