Смещение форм и кнопок

[kirill1059]

Добрый день
Подскажите, как сделать что бы на мониторах с разным разрешением, кнопки и формы не смещались, а всегда оставались по центру.
Например вот сайт http://testhtml.besaba.com/
Если посмотреть через этот сайт http://ami.responsivedesign.is/ то на ноутбуке формы и кнопки смещаются в левую сторону, можно как нибудь это исправить?
Спасибо

[Galaxy]

Делать нормальную разметку, и не позиционировать абсолютом

[afdw]

#login, #pass, #button1, #button2, #button3, #logo {

left: 30%;

margin: 0% !important;

}

[kirill1059]

Делать нормальную разметку, и не позиционировать абсолютом

Я уже 2 дня не могу понять как это сделать, много чего перепробовал.

Не могли бы вы показать примерно как это реализовать?

Говорили через дивы, а как задать расположение форм и кнопок?

Честно, я запутался в этом.

[afdw]

body {

background-size: cover;

}

[kirill1059]

#login, #pass, #button1, #button2, #button3, #logo {  left: 30%;  margin: 0% !important;}

То есть каждой форме и каждой кнопке дать идентификатор в html, а в css уже задавать расположение? 

[Galaxy]

Вам надо начать с азов, тогда станет все понятно.

[afdw]

 

#login, #pass, #button1, #button2, #button3, #logo {  left: 30%;  margin: 0% !important;}

То есть каждой форме и каждой кнопке дать идентификатор в html, а в css уже задавать расположение? 

 

Это решение только одной проблемы. У вас в css почти всё сделано неправильно.

[kirill1059]

 

 

#login, #pass, #button1, #button2, #button3, #logo {  left: 30%;  margin: 0% !important;}

То есть каждой форме и каждой кнопке дать идентификатор в html, а в css уже задавать расположение? 

 

Это решение только одной проблемы. У вас в css почти всё сделано неправильно.

 

Ну я всего лишь неделю изучаю HTML и CSS со временем наберусь опыта)

Вам надо начать с азов, тогда станет все понятно.

Думаю что нет, нужно больше практики, а не теории)

[Sergik+]

 

 

 

#login, #pass, #button1, #button2, #button3, #logo {  left: 30%;  margin: 0% !important;}

То есть каждой форме и каждой кнопке дать идентификатор в html, а в css уже задавать расположение? 

 

Это решение только одной проблемы. У вас в css почти всё сделано неправильно.

 

Ну я всего лишь неделю изучаю HTML и CSS со временем наберусь опыта)

Вам надо начать с азов, тогда станет все понятно.

Думаю что нет, нужно больше практики, а не теории)

 

Самая большая ошибка новичка, потом и получаем быдлокод.

Хоты бы пару недель надо книжки почитать прежде чем хоть строчку написать.

[kirill1059]

 

 

 

 

#login, #pass, #button1, #button2, #button3, #logo {  left: 30%;  margin: 0% !important;}

То есть каждой форме и каждой кнопке дать идентификатор в html, а в css уже задавать расположение? 

 

Это решение только одной проблемы. У вас в css почти всё сделано неправильно.

 

Ну я всего лишь неделю изучаю HTML и CSS со временем наберусь опыта)

Вам надо начать с азов, тогда станет все понятно.

Думаю что нет, нужно больше практики, а не теории)

 

Самая большая ошибка новичка, потом и получаем быдлокод.

Хоты бы пару недель надо книжки почитать прежде чем хоть строчку написать.

 

Ну это ваше мнение)

Я делаю, как считаю нужным)

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

[RuslanHeYca4ev]

Насчет смещения. У меня проблема. Вот собственно код тут http://jsfiddle.net/fk444/2/  Проблема в том, что у меня съехала шапка, как ее закрепить?Чтобы нормально было.

[afdw]

http://jsfiddle.net/fk444/3/