Центрирование эелементов по их центру

[OriuS]

Доброго времени суток форумчане.

У меня возникла проблема с центрированием элементов на странице. Отцентрировать элемент получается, это не проблема но он центрируется по левому и верхнему краю - то есть получается ниже и правее центра и в случае изменения размеров элемента он может доходить да правого края или даже растягивать страницу. Мне нужно чтобы элемент всегда своим центром находился в центре страницы. Надеюсь понятно? )

Чтобы лучше понять вот картинка:

—

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

—

А вот так у меня всегда становится, но мне так не надо

http://s42.radikal.ru/i096/1301/ec/f8bd7698ec33.jpg

Заранее огромное спасибо и извиняюсь за такой, наверно глупый вопрос)

[lexxcode]

У вас почти вышло, осталось только от того смещения которое у вас есть вычесть по-горизонтали половину ширины элемента, а по-вертикали половину высоты

[Николя223]

а если ширина не фиксированная, то для её получения в Javascripte существует offsetWidth ))

[OriuS]

Спасибо, но ширина и высота объекта не фиксированная и должна меняться, а с Яваскриптом я не очень дружу. Ладно буду искать еще способы или с этими поэкспериментирую))

[Николя223]

не думаю что без JS найдёте...

пример

код

Edited January 2, 2013 by Николя223

[OriuS]

Спасибо огромное! Выручил!

Поставил бы +, но пишет что не могу (

[lexxcode]

На самом деле можно и без js примерно так http://jsfiddle.net/alexriz/LDQ7e/

[Николя223]

alexriz, я даже и не подумал о таблице)) минус только, что в ie IE7 работать не будет

думаю раньше таблицы и использовали... примерно так:

http://jsfiddle.net/nikolya223/vXxtm/

Edited January 3, 2013 by Николя223

[lexxcode]

минус только, что в ie IE7 работать не будет

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