469,626 Members | 1,421 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,626 developers. It's quick & easy.

xhtml, css, centering and positioning:absolute

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
2 2458
"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
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.

Similar topics

2 posts views Thread by Zeke Koos | last post: by
5 posts views Thread by Duane Lambe | last post: by
reply views Thread by Jonas Smithson | last post: by
6 posts views Thread by Gustaf Liljegren | last post: by
15 posts views Thread by red | last post: by
1 post views Thread by Mr.Clean | last post: by
5 posts views Thread by Markus Ernst | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.