Sorry if this might be a basic CSS question - but I'm more of a PHP/database guy that's had some CSS jobs thrown at me...so looking for a little bit of help.
I've got a layout I need to make...where there's a centered content DIV (I'm assuming that's done via margin-left:auto, margin-right:auto...?
That DIV needs to be flush (top = 0) with the top of the browser window as that's where the nav/hero image is.
The design, however, has a floating PNG that's supposed to hang out above that div, offset a bit to the left. I'm not sure what's the best way to do that. Should the content DIV be it's own wrapper - encapsulated within ANOTHER wrapper that has the transparent PNG within it? And if so - how do you keep it properly centered then? Also - I've heard that using negative values is a sign of bad CSS - so - I'm trying to avoid that (if true)
Any help would be appreciated. Here's a rough sketch of what it's supposed to look like.
Thanks in advance!