/    Sign up×
Community /Pin to ProfileBookmark

Vertical Alignment – PLEASE HELP!!!

Copy linkTweet thisAlerts:
May 05.2010

Ok, this has been driving me crazy. I am trying to vertically align a website using CSS. I’ve gone through about a dozen different ways of doing this and I can’t seem to find any way to make this work in IE8.

Here is an example of the code that I am using which works fine in FireFox but doesnt work properly in IE8.

[URL=”http://www.24sevenphotography.com/test.html”]http://www.24sevenphotography.com/test.html[/URL]

If you load it in Firefox you can see the way that it is supposed to look / work. If someone could please help me get it to look the same way in IE I would greatly appreciate it. Thanks

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@JunkMaleMay 06.2010 — It says "Page Not Found"

does

body { vertical-align:centre; }

work?
Copy linkTweet thisAlerts:
@justinbarneskinMay 06.2010 — You can always resort to a 100%height container table with a single cell.
Copy linkTweet thisAlerts:
@Master00authorMay 07.2010 — I was on some time constraints so I decided the best bet was to just rely on javascript. I think it works well because if the user doesnt have javascript enabled it will still center the site horizontally, just not vertically. I haven't tested it out on many browsers so if anyone notices any glitches please let me know. You can check out the site here....

http://www.24sevenphotography.com
×

Success!

Help @Master00 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.25,
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,
)...