How can I have my layout graphic centered and still have it be compatable in both 800 x 600 and 1024 x 768? I'm in 1024 x 768, and when I center my layout graphic and position the iframes, when I go to check it on 800 x 600, everything's all off. Can anyone help me with this? Thanks in advance-

<div align="center">text goes here</center>

Is that what you'r talking about?

No, not really. I'm saying when my graphic is centered and people view it in other resolutions, the positioning is off.

Yea, I thought that would fix it, even if people had different resolutions. Its a div, so I think it's for all resolutions? :confusion

Nope, the position of the iframe is still off o_O

perhaps if you supply a link to your page in question, the problem would be much more clear to understand and a correct answer will be found.

thanks.

Maybe instead of positioning it with pixels, u can position it with percentages. Like : top="34%". I think it works :)

Love,

Moriah

what you want to do is use a table and center that.

I think this would work:

<Table style="background-image:url(image); width:XXpx; height: XXpx; background-repeat:no-repeat;">
<tr><td>

<table>
<tr><td>

content

</td></tr>
</table>

</td></tr></table>

I think you might be able to do it without the second table in the middle but it might be easier that way.

Rosey's right, tables might work. Use this to center it in vertically and horizontally:

<table width="100%" height="100%"><tr><td>
<center><img src="BLAH.gif">
</td></tr></table>



and..yeah. I'm pretty sure that would work :D

I had the same problem and i use absolute positioning and it seems to of worked

often people make this mistake:

center, left, right --> are not exact places. They are different in each resolution
pixels --> are exact so are ALWAYS on the same spot

if you mix those two up, they won't look the same in every resolution :) so position everything in a table, or use absolute positioning on EVERYTHING.

what annabelle suggested is a good suggestion. But you do have to slice up your table if nessecary, since nothing can be absolute positioned then because you allready use "center" to align. And with absolute positioning a table has no use either :)

love,
Mirna

I have a question about the same kinda problem.
If you to go to closetoblue.net/duncan and enter the site you'll see that i have a bg with a few lines on and the header image. What i am wondering how you do is get them both centered? I can understand centering the header image in a table but the background image has to be contined so it fills the page. How would i do this?

Maybe you should try making a 800x600 and the other one?

often people make this mistake:

center, left, right --> are not exact places. They are different in each resolution
pixels --> are exact so are ALWAYS on the same spot

if you mix those two up, they won't look the same in every resolution :) so position everything in a table, or use absolute positioning on EVERYTHING.

what annabelle suggested is a good suggestion. But you do have to slice up your table if nessecary, since nothing can be absolute positioned then because you allready use "center" to align. And with absolute positioning a table has no use either :)

love,
Mirna

THANK YOU!!! why is it that whenever i say that know one knows what i'm tlaking about!? lol. yes. my next layout i'm going to put it in a table and center the table. that's the best way. sucks if ya dunno how tables work tho ;) i tried to explain that to like 5 ppl but they kept on going what? no, percentages is the right way.. i was like what? not really.. only in expadble divs... not pictures... o_O