Javascript-форум - Помощь новичку в JS

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Помощь новичку в JS (https://javascript.ru/forum/misc/54155-pomoshh-novichku-v-js.html)

В любом случае, спасибо за помощь. :)

рони,
У меня получилось!! :) Рони, спасибо огромное ))) Надо было просто поменять id на класс! всё просто :)

Andry_JS,
замените на класс

Цитата:

Сообщение от рони

id на странице не должно повторятся

Andry_JS, покажи результат. Вообще, ты чета загоняешь. Видимо ты хреновенько знаешь css и не понимаешь как это сделать без js.
Высоту можно унаследовать в 100%, центрирование делается иным способом. Так:

<!DOCTYPE html>
<style>
html, body{height: 100%;margin: 0;padding: 0}
#wrapper{
  width: 100px;
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: red;
}
</style>
<body>
<div id="wrapper">Hello World</div>
</body>

Или так:

<!DOCTYPE html>
<style>
html, body{height: 100%;margin: 0;padding: 0}
html{display: table}
body{display: table-cell;vertical-align:middle;}
#wrapper{
  width: 100px;
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: red;
}
</style>
<body>
<div id="wrapper">Hello World</div>
</body>

Andry_JS, насчет преимущества решения на js: вот я перешел по твоей ссылке и увидел это:

Скролла нет, внизу торчит кусок зеленого блока с куском текста.
Я пользуюсь noscript. Пользуюсь давно, однако твой сайт - один из немногих, на которых ломается верстка если отключить скрипты :D . В общем - ты лучший! :haha: