Форум PHP программистов > Сделать див посередине

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Johnson

3.06.2010 - 12:46

Делаю вот страницу, но верстать не умею вообще никак. Суть в чем..... На моем компе я могу сделать что нормально будет смотреться, но на других резарешениях все куда-то уезжает. Думаю дело в том что у меня прописано
.content{
position:absolute;
top:380px;
}
то есть как бы абсолютное положение.... а мне надо сделать чтобы div class="content" был всегда посередине, и при этом под дивом с картинками. А вверху телефонные номера тоже всегда в правом верхнем углу, и не съезжали постоянно. Как это делается? подскажите пожалуйста. Сам сайт тут 4weeks-dieta.ru/ka/

Спустя 8 минут, 3 секунды (3.06.2010 - 11:54) Basili4 написал(а):

Таблицей

Спустя 38 минут, 16 секунд (3.06.2010 - 12:33) phz написал(а):

Если нужно выр. див по центру то:

#cont {
margin: 0px auto;
}

Главное смотрите чтоб у вас там не было float от....

Спустя 9 минут, 23 секунды (3.06.2010 - 12:42) трамонтана написал(а):

Цитата (Basili4 @ 3.06.2010 - 08:54)

Таблицей

не сбивай людей с пути истинного... )

phz, как он выроняем маргином если у него position:absolute ?

Johnson, тебе там сначало надо в классе .content извбавиться от свойства position:absolute и соответственно от top:380px ...убири их.. и уже тогда да как сказал phz - допиши в этот класс(т.е. в .content ) свойство "margin:380px auto 0", норм будет) ..

Спустя 3 минуты, 18 секунд (3.06.2010 - 12:45) Johnson написал(а):

спасибо))) уже на другом форуме подсказили вот так

<div id="sl">
<div id="blok">
</div><!-- #blok-->
</div><!-- #sl -->
#sl {
width: 100%;
height: 300px;
background-color: #FFE680;
min-width: 1000px;

}

#blok {
height: 100px;
width: 75%;
background-color: #CC0000;
margin: 0 auto;
position: relative;
top: 40px;
}

чуть адаптировал, получилось. А вот верхний правый угол с номерами, как его на место подставить))

Спустя 11 минут, 56 секунд (3.06.2010 - 12:57) трамонтана написал(а):

а где место правого верхнего угла с номерами?

ps
способ с убиранием position луче...

да и ваще можно былоб и без маргинов обойтись если "правильно" описать до этого идущие дивы...
блин скока тебе там ещё поправлять....всё уезжает

Спустя 2 часа, 54 минуты, 36 секунд (3.06.2010 - 15:52) Guest написал(а):

трамонтана, ну просто я сперва другой способ увидел, и так и сделал)

Цитата

блин скока тебе там ещё поправлять....всё уезжает

а что еще уезжает? Подскажи, я чтот не вижу. На место лого поставлю правильную картинку, будет норм. Картинки будут сразу с подписями (сперва подписи к картинкам хотел отдельно сделать). Ну и все в принципе. Если видишь где что съехало подскажи пожалуйста.
p.s. правый верхний угол уже поправил

Спустя 2 часа, 2 минуты, 48 секунд (3.06.2010 - 17:55) трамонтана написал(а):

я преувеличил мош про "многа", но то что править есть)
но это уже в другой раздел, типа "оцените"

везде

ie7

ie6

Спустя 1 час, 46 минут, 2 секунды (3.06.2010 - 19:41) Guest написал(а):

ааа! ужас! а как это оно так свернулось на первом скрине? браузер сжал вполэкрана?

Быстрый ответ:

Здесь расположена полная версия этой страницы.