Центрирование div

ONFrame

Мне нужно центрировать div «Центрировать этот div» внутри div MidContent. Я пробовал влево: 50%; преобразование: TranslateX (-50%); но это слишком сильно смещает его вправо.

 


<!DOCTYPE html>


<html lang="en">


<head>


</head>


<body id="body" style="background-color: #f1f1f1;">


<div id="left" style="position: fixed; left: 0; top: 0; width: 400px; height: 100%; background-color: #FFF; z-index: 10;">


</div>


<div id="midContent" style="position: relative; margin-left: 400px; background-color: transparent; max-width: 100%; min-height: 600px; max-height: 1200px;">


<div style="margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; width: 80%; height: 100%;">


<div>Center this div</div>


</div>


</div>


</body>


</html>

Код (разметка):

Borodach1

Ты это имеешь ввиду?

 <!DOCTYPE html>


<html lang="en">


<head>


</head>


<body id="body" style="background-color: #f1f1f1;">


<div id="left" style="position: fixed; left: 0; top: 0; width: 400px; height: 100%; background-color: #FFF; z-index: 10;">


</div>


<div id="midContent" style="position: relative; margin-left: 400px; background-color: transparent; max-width: 100%; min-height: 600px; max-height: 1200px;">


<div style="margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; width: 80%; height: 100%;">


<div style="width: 100px;margin: auto;">Center this div</div>


</div>


</div>


</body>


</html>

Код (разметка):

Pozvonim

У меня есть идентификатор на теле, потому что я использую JS для его появления и исчезновения.

Почему-то я не могу заставить его работать с document.getElementsByTagName. Да, это хорошая идея — избавиться от всех стилей в разметке.

Исправлено это.

И я использовал % вместо px, теперь всё работает отлично. Спасибо, Тень Смерти.

Wapozavr

Это потому, что тело — это отдельная сущность, просто используйте document.body НЕ то, чтобы я использовал скрипттардерию для постепенного появления и исчезновения тела, поскольку это попахивает какой-то чушью типа «насколько сильно это разваливается при написании сценариев». JS бесплатно и ваши скрипты бесплатно; это не работает, ты так не делаешь.

airi

Какого черта у тебя на теле удостоверение личности? Тем не менее, сделайте одолжение миру и себе и вычеркните этот чертов стиль из своей разметки! В 99,99% случаев, когда вы используете style="" вы делаете что-то неправильно. В 100% случаев, когда вы используете

Похожие темы	Дата
Как начать делать Flash сайты?	19.10.2024, 18:10
Возможен ли этот трюк с показом CSS?	19.10.2024, 18:10
«Этот сайт может быть взломан»	19.10.2024, 18:10
Показывать только изображения с хэштегом	19.10.2024, 18:10
незначительные запросы по определенной теме сайта – нужны предложения	19.10.2024, 18:10
Фоновое изображение в Div с цветовой подписью, следующей за АЛЬФА	19.10.2024, 18:10
Шаблон объявления Ebay	19.10.2024, 18:10
Углубленное изучение веб-дизайна почти на профессиональном уровне, нужен совет.	19.10.2024, 18:10
Как центрировать этот div?	19.10.2024, 18:10
Помогите стекировать DIV.	19.10.2024, 18:10

Центрирование div

ONFrame

Borodach1

Pozvonim

Wapozavr

airi

I AM

Интересно