PDA

View Full Version : How to Vertically Center Images


ragmus
09-16-2006, 04:52 AM
I honestly don't know if this is the right forum to be posting this in, but I am having trouble with the CSS on my pixelpost photoblog. I can horizontally center my images just fine. However I cannot center my images vertically. I've read on multiple CSS articles that this is impossible to be carried out, however I have seen it on a lot of pixelpost photoblogs of members on this forum. Can someone help me out?

It's not so apparent on small screens, but on large screens (or those with high resolutions), it's quite apparent that the image is high up instead of being vertically centered.

1. pixelpost 1.5

2. http://image.ragmus.com

3. Pixelpost Information
You are running Pixelpost version: 1.5 Final - July 2006
Latest Pixelpost version: Check

Looking for help or want to give feedback, please step into Pixelpost forum.: www.pixelpost.org/forum/

Host Information

URL http://image.ragmus.com/admin/index.php

PHP-version 4.4.4 (Pixelpost's min requirement: PHP version: 4.3.0 )

Session save path /tmp

MySQL version 4.1.21-standard-log (Pixelpost's min requirement: MySQL: 3.23.58 )

GD-lib bundled (2.0.28 compatible) with JPEG support

File Uploads to Pixelpost site are possible.

Server Software Apache/1.3.37 (Unix) mod_gzip/1.3.26.1a mod_fastcgi/2.4.2 mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635.SR1.2 mod_ssl/2.8.28 OpenSSL/0.9.7a PHP-CGI/0.1b

EXIF Pixelpost is using exifer v1.5 for EXIF-information.

Paths
Guessed imagepath: /home/ragmusco/public_html/image/images/

Configured Imagepath: /home/ragmusco/public_html/image/images/

Image Directory: OK - Can we write to the directory? YES. CHMOD: 0777

Thumbnails Directory: OK - Can we write to the directory? YES. CHMOD: 0777

Language Directory: OK

Addons Directory: OK

Includes Directory: OK

Templates Directory: OK

Connie
09-16-2006, 08:09 AM
in this case the general info is not necessary for us, but the css ?

well, try with margin-top:auto and margin-bottom:auto

if it sits in a div which wraps the complete page, it should sit correctly