[Chrispy]

Hi,

I'm contracted to a gaming website that has some old layout. The main structure is built on tables, and I have to add a few things in to the layout.

I have a table that is centralized, and takes up 50% of the page (width).

I need to place a div to the right and/or left of this table but over-lapping the table itself by 100 px or so.

My problem comes when viewing the web page on different browsers and different resolutions.

If I place the DIV outside of the table with absolute position, the positioning is all wrong for the resolutions higher.


And when I place it inside a table column, and place it, it works fine in Chrome but not in FF because FF doesn't allow a cell to have the attribute position: relative;

I have attached a picture to show what I need to get!

Any help is appreciated.

Chris

Forgot to attach picture

Here it is

Attached image(s)

• 

[Chrispy]

Has anyone got any clue? If more clarification is needed, I can answer questions too.

Thanks in advance,
Chris

[enjoibp3]

Quote

If I place the DIV outside of the table with absolute position, the positioning is all wrong for the resolutions higher.

I'm not sure I understand exactly what you're trying to do, but from the sounds of it you could add a wrapper with a set width around the table then just place a div in the wrapper with a position absolute and position it how you need it.

Edit: and add position relative to the wrapper.

This post has been edited by enjoibp3: 27 January 2012 - 01:14 PM

[Chrispy]

enjoibp3, on 27 January 2012 - 01:12 PM, said:

Quote

If I place the DIV outside of the table with absolute position, the positioning is all wrong for the resolutions higher.

I'm not sure I understand exactly what you're trying to do, but from the sounds of it you could add a wrapper with a set width around the table then just place a div in the wrapper with a position absolute and position it how you need it.

Edit: and add position relative to the wrapper.

Hi Enj,

Thanks for your reply, I have sorted the solution by adding a relative div inside the table and then an absolute nested inside that one.

I will +1 when I get on a PC!

Chris