Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Центрирование картинки
 
 автор: gride   (25.02.2009 в 13:48)   письмо автору
 
 

Дан див с картинкой произвольной величины.
Стиль у дива:

#simple{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:0;
}

Как с помощью только css позиционировать картинку по центру экрана.В худшем случае как
позиционировать картинку с заранее известным размером (например 100 x 100 px).

  Ответить  
 
 автор: dimon   (25.02.2009 в 14:28)   письмо автору
 
   для: gride   (25.02.2009 в 13:48)
 

а
text-align:center;
не помогает? хотя этот атрибут странно работает, я его до конца не понял )

  Ответить  
 
 автор: gride   (25.02.2009 в 14:37)   письмо автору
 
   для: dimon   (25.02.2009 в 14:28)
 

Центровать нужно и, по высоте и по ширине.

text-align:center;

помогает, а вот

vertical-align:middle;

нет.

  Ответить  
 
 автор: sl1p   (25.02.2009 в 14:42)   письмо автору
 
   для: gride   (25.02.2009 в 14:37)
 

top:45%; // 50% - ~ высота картинки

на сегодняшний день других вариантов не видел :)

  Ответить  
 
 автор: mihdan   (25.02.2009 в 14:59)   письмо автору
 
   для: gride   (25.02.2009 в 13:48)
 

Если известны размеры
Неизвестные размеры
Тута

И листайте там комменты

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования