By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,749 Members | 1,627 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,749 IT Pros & Developers. It's quick & easy.

xhtml, css, centering and positioning:absolute

P: n/a
Hello,

I know most of you are probably going seeing positioning:absolute; and
centering in the title and saying, oh no! not again! Do a google
search!

Actually, I've found many helpful resources online and realize that my
case may be a bit more challenging.

I'm trying to create a table-less layout that looks something like:
http://www.twocentcalls.com/images/panel_test.jpg

However the only way I can get the staggered panels is by using
absolute positioning and manipulating the z-index. However as I need
this whole panel-layout to be dead center, I'm running into problems.

Can anyone recommend a way to achieve what I'm looking for? When I use
relative positioning and take advantage of the 'float' properties, I
can achieve what I want for the 1st top layer, however the middle-left
text box (green) gets pushed to the bottom of the top-right image
(house's door)

Any ideas on how I can achieve what I need?

Thank you in advance!

Cheers
-Kevin

Jul 21 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
"kevinC" <kc*******@gmail.com> wrote:
I'm trying to create a table-less layout that looks something like:
http://www.twocentcalls.com/images/panel_test.jpg


That works on a fixed size output medium like print media, not on the
web.

Create something new suitable for the media.

--
Spartanicus
Jul 21 '05 #2

P: n/a
On 7 Jul 2005 07:16:19 -0700, "kevinC" <kc*******@gmail.com> wrote:
Hello,

I know most of you are probably going seeing positioning:absolute; and
centering in the title and saying, oh no! not again! Do a google
search!

Actually, I've found many helpful resources online and realize that my
case may be a bit more challenging.

I'm trying to create a table-less layout that looks something like:
http://www.twocentcalls.com/images/panel_test.jpg

However the only way I can get the staggered panels is by using
absolute positioning and manipulating the z-index. However as I need
this whole panel-layout to be dead center, I'm running into problems.

Can anyone recommend a way to achieve what I'm looking for? When I use
relative positioning and take advantage of the 'float' properties, I
can achieve what I want for the 1st top layer, however the middle-left
text box (green) gets pushed to the bottom of the top-right image
(house's door)

Any ideas on how I can achieve what I need?

Thank you in advance!

Cheers
-Kevin


Are you talking about a container div?

Jul 26 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.