Как слой <div> выровнить по середине экрана?

ogriv · August 26, 2015

Собирал сайт на ноуте где разрешение экрана 1360х768. Выравнивал строго прописывая отступы. При попытке открыть сайт на компе где вместо монитора стоит телевизор с разрешением 1920х1080, оказалось что весь сайт смещен влево. и даже картинка фона сползла влево!
Собственно от туда и вопрос: как выровнить слой по середине экрана независимо от разрешения экрана!
Для примера, как выглядят сейчас мои слои:

<html> <head><meta http-equiv="Content-Language" content="en-us"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Новая страница 1</title></head> <body> <div style="position: absolute; width: 470px; height: 348px; z-index: 1; left: 66px; top: 17px" id="layer1">    <img border="0" src="file:///C:/Users/Ogriv/rabstol_net_despicable_me_09.jpg" width="670" height="419"></div> </body> </html>

sigma77 · August 26, 2015

http://frontender.info/centering-css-complete-guide/

ogriv · August 26, 2015

http://frontender.info/centering-css-complete-guide/

Что-то вообще ничего не выходит!

Наверно вставляю теги не верно.

А можно пример применения на основе моего примерчика из первого поста? Что бы понять что я не так делаю?!

fro · August 26, 2015

так ты прописал отступ с лева в 66 пкс он так и делает, лучше всего задавать стили через css фаил, и прописать margin: 0 uato;

IvanRu08 · August 26, 2015

так ты прописал отступ с лева в 66 пкс он так и делает, лучше всего задавать стили через css фаил, и прописать margin: 0 uato;

А то что блок с абсолютным позиционированием вас не смущает?

fro · August 26, 2015

так ты прописал отступ с лева в 66 пкс он так и делает, лучше всего задавать стили через css фаил, и прописать margin: 0 uato;
А то что блок с абсолютным позиционированием вас не смущает?

можно же просить релатив, я просто туда не смотрел

ogriv · August 26, 2015

так ты прописал отступ с лева в 66 пкс он так и делает, лучше всего задавать стили через css фаил, и прописать margin: 0 uato;

Так что же, чисто средствами html не прибегая к css выровнить div по середине экрана нельзя?

Для меня html достаточно сложно если я еще и css подключу, боюсь вообще запутаюсь! Может всё же можно используя только теги выравнивать слой? Казалось бы простая задача, а я уже второй день мучаюсь!

так ты прописал отступ с лева в 66 пкс он так и делает, лучше всего задавать стили через css фаил, и прописать margin: 0 uato;
А то что блок с абсолютным позиционированием вас не смущает?

Так что мне FrontPage вписывает в параметры слоя тем и пользуюсь. Код я лишь по минимуму корректирую.

Vlad · August 26, 2015

Средствами HTML выровнять нельзя, за оформление и положение элементов в том числе отвечает CSS.

Для начала добавьте в код <!DOCTYPE html> в первую строку. Браузеры по разному обрабатывают код с этой строкой и без неё, возможно из-за этого и не получается.

ogriv · August 26, 2015

Средствами HTML выровнять нельзя, за оформление и положение элементов в том числе отвечает CSS.
Для начала добавьте в код <!DOCTYPE html> в первую строку. Браузеры по разному обрабатывают код с этой строкой и без неё, возможно из-за этого и не получается.

Очень жаль! Эхь, буду штудировать css. :unsure:

Sign In

Как слой <div> выровнить по середине экрана?

Question

ogriv

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

sigma77

Link to comment

Share on other sites

ogriv

Link to comment

Share on other sites

fro

Link to comment

Share on other sites

IvanRu08

Link to comment

Share on other sites

fro

Link to comment

Share on other sites

ogriv

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

ogriv

Link to comment

Share on other sites

Join the conversation

Forums

Important Information