Trouble with absolute positioning in CSS

[Woobag]

He is what im trying to do, ive got a logo that i want to place around the center of your screen over my semi-complex background that is set up like this...

[IMG]http://i11.photobucket.com/albums/a160/woody33/help.jpg[/IMG]
The "logo" image will be placed over the tiled image, but when the browser is shrinked because of a user using a smaller resolution, for example 1024x768, but the image would remain on the right side of the tiling area when it expands for a higher rez.

Just a push in the right direction to what css and/or html i should use to get the job done would help. I can post some of my own code too, if needed.

[FC Jamison]

Can you post your code so we can see what you have already done?

[Woobag]

 
 
 

[Pymes]

first. separate the css of the document.

[Woobag]

first. separate the css of the document.

Not sure what you mean...You can have your CSS and HTML all in one file. Do you mean seperate it so you can read it better?

[FC Jamison]

Since you are using tables and not divs for this, here is an easy solution...

[html]   [/html]

Use a transparent gif to keep your outer cells at a fixed width and set your inner cell to 100% width.

[Woobag]

Ok, i modified the code a little bit to fit my image paths ect. but now i got this repeat problem...i cant seem to figure out what is causing it...here is what it looks like:

[IMG]http://i11.photobucket.com/albums/a160/woody33/help2.jpg[/IMG]

[FC Jamison]

If that is a background image set by css, add the following:

background-repeat: repeat-x;

This will make the image repeat horizontally, but not vertically.

[Woobag]

Strange, it still has problems witht the table being copied downward, but the it only tiles the "swoosh_tile" accross in the first one.

[Woobag]

[FC Jamison]

No...it has to do with your image widths being set to 540 and 457. Lower those to something reasoable like 100 or 150 and you'll get the result you are looking for.

[Woobag]

Ok, ive fixed the problem. It was the spacer images did not have a height value and were for some reason stretching the table far downwards. I set the height values of the spacer image to match that of the background images and it was fixed so that it works for both resolutions. Now my only problem is getting my logo image on top of that middle "stretched" area where it fits for both resolutions.