[CSS] Vertical centering image

[Mary]

I have a problem, it needs to center, the image vertically. How best to do it. Dimensions (height and width) my image in pixels, and that these were centered relative to the dimensions of the browser window.

Thank you in advance for your help!

[joshuanhibbert]

Without more information it’s a little hard to give accurate advice.

[joshuanhibbert]

@karlpcrowley This is something I learnt a few days ago: http://jsfiddle.net/joshnh/7SmcR/1/

[noahgelman]

@joshuanhibbert, that’s rather inefficient.

No, jquery or javascript. Dynamically vertically centers.

Always aim for no js.

[joshuanhibbert]

@noahgelman Using the trigger method instead of writing the function a second time is what I would actually regard as very efficient.

Also, I never recommended using JavaScript.

[mauryaratan]

Check this out!
http://jsfiddle.net/usc45/

[Brightonmike]

@mauryaratan that’s horizontally aligned, not vertically…

[noahgelman]

@joshuanhibbert, I didn’t mean to say your javascript was inefficient, I just meant using javascript in this case if inefficient.

@karlpcrowley, yeah, that’s a more reduced solution than mine. I assumed he would have more stuff on the page- that’s why I put my image in a div. If it’s just the image, then yeah you don’t need it and what you put is better

[Author]

Posts