div help, help me out Options

[Wasney]

Ok, I made a img for my page and such. You can view it HERE. What I want to do it center it on the page, but I dont know what code to use. I also have a background img HERE that I want behind the layout.

If someone can tell me the code, or give me a link to a very in depth guide I would be a very happy person :)

[speakerboxx123]

anything you need should be here

[*alovesopure*]

http://www.createblog.com/forums/index.php?showtopic=142922
Check that out.

Reason for edit: Aahhh! Beaten again. >.< haha

[speakerboxx123]

^^ i posted it faster! haha...just kidding.

[Wasney]

Yeah, I used that guide to make it all. But I am wondering if there is a code to use to center the layout image. If you go to my myspace testing page HERE. If you dont have a widescreen like me it should be off to the right of the screen, like on my other comp.

[speakerboxx123]

yeah, i see it to, i had the same problem [but with my website] but i dont know what to tell you.
can you post your code please.

edit: the post under this might work to.

[YourSuperior]

Have you tried:

CODE

<div align="center"><img src="URL HERE"></div>

[Wasney]

Thank you Maestro!!! Words great...Now I am just having trouble getting my layout to be about my background...lol

[YourSuperior]

I'm not comprehending what you're trying to say about your background. You mean this?

CODE

<style type="text/css">
body{
background-image: url("PUT BACKGROUND URL HERE");
background-attachment: scroll;
background-position: center;
}
</style>

[Wasney]

I dont think I have ever had so much trouble making a div...

http://myspace.com/deathli7test

I got the background working using what Maestro put up. But now I cant get the layout in the right spot...by using the center code I cant raise it up more. If you go to my page about you can see for yourself.

[*alovesopure*]

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="IMAGEURLHERE">
</div>

Change the left:0px; and the top:0px; to position the image.
Make sure you enter the right width and height of the image too.

[Wasney]

I tried that code already alovesopure. The problem is when I do it on my widescreen computer it is aligned wrong on none wide screens. If I use this code:

CODE

<div align="center"><img src="URL HERE"></div>

It aligns in the middle of the horizontal AND vertical...and I only want horizontal...Just look at my page here and I think you can see what I mean.


EDIT: Well, I cant seem to get this to work no matter what I do...so I am done with this layout. If anyone wants to use the image go right ahead :) No need to credit me for it either.