Как центрировать элемент div на мобильных устройствах с помощью медиа-запросов CSS ⇐ CSS
-
Anonymous
Как центрировать элемент div на мобильных устройствах с помощью медиа-запросов CSS
Мне нужно центрировать элемент div для мобильных устройств. Это мой сайт: http://transporttest.cba.pl/ На мобильных устройствах div описания перемещается влево. Я пытаюсь использовать медиа-запросы, но это не работает. Что я делаю не так? На ПК все ок. Это фрагмент моего кода:
HTML: ♦ В 1991 году в бранжах.
♦ 9 зеставов (чагник+начепа фиранка, колимулде).
♦ Управление ADR для каждого перевозчика.
♦ Warsztat obsługujący auta ciężarowe.
CSS:
#opis { размер шрифта: 25 пикселей; семейство шрифтов: «Lucida Sans Unicode», «Lucida Grande», без засечек; цвет фона: #F2F3F7; высота: авто; ширина: 72%; дисплей: встроенный блок; выравнивание текста: по центру; } #контейнер { выравнивание текста: по центру; ширина: 100%; } @media all and (максимальная ширина: 768 пикселей) { #контейнер{ ширина: 100%; } #opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt { осталось: 25%; верх: 25%; позиция: абсолютная; ширина: 50%; выравнивание текста: по центру; } #менудол{ выравнивание текста: по центру; дисплей: блок; маржа: 0 авто; } } @media all и (макс. ширина: 640 пикселей){ #контейнер{ ширина: 100%; } #opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt { ширина: 72%; высота: авто; дисплей: встроенный блок; выравнивание текста: по центру; маржа: 0 авто; } #менудол{ выравнивание текста: по центру; дисплей: блок; маржа: 0 авто; } }
Мне нужно центрировать элемент div для мобильных устройств. Это мой сайт: http://transporttest.cba.pl/ На мобильных устройствах div описания перемещается влево. Я пытаюсь использовать медиа-запросы, но это не работает. Что я делаю не так? На ПК все ок. Это фрагмент моего кода:
HTML: ♦ В 1991 году в бранжах.
♦ 9 зеставов (чагник+начепа фиранка, колимулде).
♦ Управление ADR для каждого перевозчика.
♦ Warsztat obsługujący auta ciężarowe.
CSS:
#opis { размер шрифта: 25 пикселей; семейство шрифтов: «Lucida Sans Unicode», «Lucida Grande», без засечек; цвет фона: #F2F3F7; высота: авто; ширина: 72%; дисплей: встроенный блок; выравнивание текста: по центру; } #контейнер { выравнивание текста: по центру; ширина: 100%; } @media all and (максимальная ширина: 768 пикселей) { #контейнер{ ширина: 100%; } #opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt { осталось: 25%; верх: 25%; позиция: абсолютная; ширина: 50%; выравнивание текста: по центру; } #менудол{ выравнивание текста: по центру; дисплей: блок; маржа: 0 авто; } } @media all и (макс. ширина: 640 пикселей){ #контейнер{ ширина: 100%; } #opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt { ширина: 72%; высота: авто; дисплей: встроенный блок; выравнивание текста: по центру; маржа: 0 авто; } #менудол{ выравнивание текста: по центру; дисплей: блок; маржа: 0 авто; } }
Мобильная версия