Как выровнять содержимое в div по центру по вертикали.
Div фиксированного размера по высоте с фоном.
Внутри картинка размер не фиксирован.

leopard писал(а):

Как выровнять содержимое в div по центру по вертикали.

padding-top: 25%;
padding-bottom: 25%;
или margin по 25%, чего-то из головы вылетело.

tentoys писал(а):

padding-top: 25%; padding-bottom: 25%; или margin по 25%, чего-то из головы вылетело.

не подходит.
у меня отступ может быть меньше 25%, если так поставить все развалится.

leopard писал(а):

не подходит. у меня отступ может быть меньше 25%, если так поставить все развалится.

Тогда у Вас нет выравнивания по центру. Изначально. Ибо представьте, что отступив по четверти сверху и снизу, контент займёт ровно 50%. У Вас, как Вы говорите, по-другому. Тогда ставьте правильно вопрос.
Или дайте ссылку посмотреть, или приведите код.

[quote="tentoys]Тогда у Вас нет выравнивания по центру. Изначально. Ибо представьте, что отступив по четверти сверху и снизу, контент займёт ровно 50%. У Вас, как Вы говорите, по-другому. Тогда ставьте правильно вопрос.
Или дайте ссылку посмотреть, или приведите код.[/quote]

#partn_small2{
background:url(img/fon2.jpg);
background-repeat:no-repeat;
background-position:left;
float:left;
width:78px;
height:51px;
margin-left:0px;
margin-bottom:3px;
margin-top:5px;
text-align:center;
position:static;
}
<div id=partn_small2><img src=""></div>

картинка располагается по центру относительно горизонтали, надо чтоб еще и по вертикали.
картинка меньше дива примерно на 1 - 10%

top:50%; left:50%; width:500px; height:300px; margin:-150px 0 0 -250px;

.talisman писал(а):

top:50%; left:50%; width:500px; height:300px; margin:-150px 0 0 -250px;

<div style="top:50%; left:50%; width:500px; height:300px; margin:-150px 0 0 -250px;">

11111111111111<br>
11111111111111

</div>

Вы хоть сами смотрели, что будет в таком случаее ?
Либо я что-то не понимаю.

leopard, если только картинка, то вот:

#boo{
background:url('img.jpg');
background-repeat:no-repeat;
background-position:center;
}

<div id="boo">&nbsp;</div>

Зачем выравнивать тег <img>, если можно картинку сделать фоном?

Бaзиль, нет нельзя, там уже есть фон.
Но идея хороша, я добавила еще один див, и в него уже фоном пустила нужную мне картинку
спасибо

leopard, если нужно два фона, то нужно два дива

риторический вопрос: а что если это будет текст, как тогда быть ?

Риторический ответ: будет конкретная задача по вёрстке, будет решение. Не все задачи решаются нормальными средствами из-за недоделанности CSS в браузерах, но далеко не все задачи по вёрстке следует ставить вообще, это уже вопрос к грамотности верстальщика и в большей степени дизайнера.

плюнуть и сделать таблицу.

Abstract, На самом деле задача как бы и поставленна, просто ее можно решить с помощью таблицы. Но коль многие говорят, что с помощью div можно сделать то же, что и с таблицами, вот и появляются такие вопросы и задачи.

Бaзиль, это точно !

leopard, можно сделать ровно столько, сколько позволяют браузеры, только и всего. А поскольку они всё больше соответствуют стандартам, то чем меньше будет сделано поперёк этих стандартов, тем дольше проделанная работа будет оставаться современной. Я считаю, что если нет сверхнеобходимости ставить такого рода задачи, лучше их не ставить.

Abstract, это верно, но я, например, не всегда знаю, что именно идет поперек, вот и ставлю. Теперь исходя из данной темы, сложилось такое мнение, что в данной задаче, с условием, что внутри текст, необходимо использовать таблицу.

leopard, ага. Если текст, то таблицу.

Талисман все правильно сказал, только забыл добавить что к контейнеру внутри которого идет выравнивание нужно применить position:relative;

1NV1Z0R, пробую, ставлю бордер, и вижу, что текст находится в правом углу.

Учите матчасть!
http://brunildo.org/test/shrink_center_4.html

вот хороший пример выравнивания http://www.wpdfd.com/editorial/thebox/deadcentre4.html

f-anton писал(а):

f-anton

, спасибо за ссылку. Помогло.

некрофилы, извините.