/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Layout help

I’ve got what should be a rather simple layout – [url]http://www.pixf.com/test.html[/url] but can’t seem to get over the centering issue. Essentially the background image is 1296px wide, but as the browser resizes the picture frame is the main point of interest and should remain centered on the page. The red box is a div where I’ll be putting a flash slideshow, and it should remain inside the picture frame. As you can see, if the browser is wider than 1296, this works well, but as the browser shrinks below that, the red box does not remain centered in the window – it assumes it is centered on 1296 still.

All the CSS is inline, it’s a pretty small file, and any help is appreciated!

Thanks
Dave

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@DarkScytheJul 24.2008 — Try changing your #wrapper width to auto?

That seems to work for me.
Copy linkTweet thisAlerts:
@tracknutauthorJul 24.2008 — Ah, fantastic. I knew I was making this harder than it needed to be..

Thanks much,

Dave
Copy linkTweet thisAlerts:
@Major_PayneJul 25.2008 — Nicely done! Just need a title element now and might want to add the title="Mouseover Description" to your link tag(s). Meta tags may help for description of page and keywords with some search engines.

Ron
Copy linkTweet thisAlerts:
@tracknutauthorJul 25.2008 — Thanks Ron. This was just a mockup for the page layout. Tons left to do on the page I realize.

Dave
Copy linkTweet thisAlerts:
@Major_PayneJul 25.2008 — Knew it was, but I sometimes get so involved in something I forget to add the "small" details and just wanted to let you know. Good luck on project.

Ron
Copy linkTweet thisAlerts:
@tracknutauthorJul 25.2008 — Gotcha, thanks. I just didn't want everyone wasting their time writing up a laundry list of suggestions ?

Dave
×

Success!

Help @tracknut spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.15,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...