[RESOLVED] Div positioning..

[GoverNment]

hey, when using CSS i was just wondering, when you have a photoshopped picture as your background how do you know where to position your div? or do you just guestimate till you find out??

thanks for the help! i know its a noob question but i was just wondering:eek:

[g2k556]

what do you mean, positioning your div, is the background of your div the picture or is the picture the background of your web page? What content does the div contain?

[GoverNment]

sorry, i must of not made my self clear enough, what im looking for is. lets say i have a background as my picture, and i want to make my css divs and stuff line up in the picture background so, how do i position all my content inside that certain image


hope you understand?

[g2k556]

so you have a background of the page and you want the content of your page to coordinate with that background image? How do you have the background set, what code are you using to set the background? Do you have any picture of what you want or a link to the page/code by any chance?

[GoverNment]

yeah exactly, but i dont have any images or links to the page i seen this tutorial in DA ( deviant Art ) and i was going to go for something like this

http://amandhingra.deviantart.com/art/Photoshop-Fun-56772625

[g2k556]

you would use (position : absolute) and move them around on the page using top : (value); left ; (value). you may also look into relative positioning. adjusting the values will change where it is located on the page. and to get divs to appear on top of other divs you would use z-index. experiement a little, experimenting and trial and error are the best ways to learn. and just a side note, when designing make sure it works internet explorer and firefox both, and opera too, but opera and firefox are almost the same, just a few differences.

[GoverNment]

okay thanks alot! now to go photoshop something up =D and thanks i usually test it out in FF an IE and netscape

[g2k556]

you should look into a css tutorial, you can google it and find a lot to choose from :D good luck with web design