need help with table-less design with DIVs

[goma]

I'm trying to get an image to center vertically but not shift horizontally at all. It's a vertically aligned name of a site (sorry, no URL yet) and I just need it to stretch to the center of the page vertically at higher resolutions but keep its horizontal position. Any ideas on how to do this?

[shoop]

goma,

Go on over to http://www.bluerobot.com and take a look at their 2 CSS Centering techniques. I think this will answer your question.

Shoop

[AlbinoRhyno]

Use a positioned div (top:10px), and align=center. Should do the trick.

[Siltrince]

Use a positioned div (top:10px), and align=center. Should do the trick.

Am i missing something ?
How can that do the trick ?

He wants to align his image/text vertical and with the code you provide it aligns 10px under the top of the page) and in the horizontal middle.

[Siltrince]

Goma do you wanna use this for a splashscreen ?

Ofcourse it's depending on what kind of site you are making ( IE personal or commercial ) and personal preference but if it's for a commercial website splashscreens are a no-no.

[Winged Spider]

I'm assuming your using a class for this image called "verticle" and it is aligned with the body of the page. Verticle is a lot more tricky than horizontal positioning but this might work, but I think it's as easy as defining a top margin or position.

.verticle {
position: absolute; ( or relative )
top: 50% ( this should do it )
margin: 0px auto; 
}

or

.verticle {
margin: 50% auto; }

[creole]

Just to add to what Spider wrote. This will not result in the image being positioned EXACTLY in the middle. It will position the top of the DIV to the middle of the page. This may or may not be what you're looking to do.

If it doesn't look right, play with the percentages until you've got it like you want it.

[Winged Spider]

That's a nice tip...

Thanks Creole