Как зафиксировать кнопки

[Alek7y7]

.MainMenuLinks {position: static;

border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration:

none; padding: 3px 10px; margin-top: 3px;margin-bottom: 0; font-weight:

normal;

}

a.MainMenuLinks {position: static;

border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration:

none; padding: 3px 10px 3px 10px;

}

a.MainMenuLinks:link {position: static;

border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration:

none; padding: 3px 10px 3px 10px;

}

a.MainMenuLinks:visited {position: static;

border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration:

none; padding: 3px 10px 3px 10px;

}

a.MainMenuLinks:hover {position: static;

border: 1px solid #70a9e2; background: #ebf2fa; border-bottom: 1px solid

#ebf2fa; color: #407dba; text-decoration: none; padding: 3px 10px 3px 10px;

}

a.MainMenuLinks:active {position: static;

border: 1px solid #fff; background: #007fc0; color: #407dba;

text-decoration: none; padding: 3px 10px 3px 10px;

}

a.MainMenuLinksCurrentPage{position: static;

border: 1px solid #fff; background: #ffa205; border-bottom: 1px solid

#ffffff; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px;

}

a.MainMenuLinksCurrentPage:hover{position: static;

border: 1px solid #fff; background: #ffa205; border-bottom: 1px solid

#ffffff; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px;

}

Нужно, чтобы при приближении или удалении страницы с помощью ctrl+scroll, кнопки меню оставались на одном и том же месте (в шапке сайта и каждая на своем месте). Т.е. если очень сильно приблизил, то какие-то кнопки не поместились на странице, а другие остались на месте. А сейчас они все вместе съезжают в кучу, уходят из шапки сайта и т.д.

Мне кажется тут нужно использовать или absolute, или relative. При этом прописать каждой кнопке свой class и задавать top, left, right, bottom...

Граждане мира, в правильном направлении я думаю???

[Searcher]

1. position по умолчанию имеет значение static, и это не нужно указывать.

2. ctrl+scroll грубо говоря уменьшает разрешение в окне броузера

3. При стандартном способе позиционирования броузер автоматически старается разместить элементы в видимой части страницы. Скорректировать этот алгоритм можно различными способами в зависимости от задач.

4. Самый первый способ ограничения сужения области страницы - это придание блоку в котором размещены ваши кнопки фиксированной ширины width или минимальной ширины min-width

Почитайте про свойства CSS и общую информацию о CSS и HTML.

[Justnewone]

2. ctrl+scroll грубо говоря уменьшает разрешение в окне броузера

Скорее, это всегда дубликат "вид" > "масштаб". А реализация в каждом браузере своеобразная.