Внезапно: Помогите с версткой.

[gifron]

http://furry.cu.cc/ вот тестовый сайтец.

Проблем много. В разных браузерах расползается, меню работает не так как нада... В общем подскажите как поправить.

Для большей конкретики:

1.Меню навигации - "Меню с вложением" в нем 2 подменю, отображаются на 1 строке а хочется чтоб шли в столбик, ну и если добавить под-под меню то вообще все грустно.

1.1.скачущая надпись - Сайт клана "FURRY"

2.Менюшка pagenavi справа (в опере неправильно отображается)

ссыль на css:

https://dl.dropboxus...gifronstyle.css

Я особо css не занимался, по мелочи правил и переделывал, тут вот решил сделать тему под себя.

Edited June 4, 2013 by gifron

[Vulner]

1.Меню навигации - "Меню с вложением" в нем 2 подменю, отображаются на 1 строке а хочется чтоб шли в столбик, ну и если добавить под-под меню то вообще все грустно.

Из-за:

#nav li {
    float: left;
}

все ваши пункты/подпункты отображаются в строчку. Соответственно или прописывайте float: left только там где это надо(чтобы элементы шли в строку), либо отменяйте наследование ( float: none ) там где нужно чтобы элементы шли в столбец.

1.1.скачущая надпись - Сайт клана "FURRY"

Если я правильно понял, то она скачет при выпадении менюшки? Если да, то:

#nav li:hover > ul.children {
    background-color: #3E82A7;
    display: block;
    position: absolute; <-
    top: 42px; <-
}

2.Менюшка pagenavi справа (в опере неправильно отображается)

А как она должна отображаться? По моим понятиям в опере 12 вполне нормально отображается.

[gifron]

А как она должна отображаться? По моим понятиям в опере 12 вполне нормально отображается.

Ну она у меня в ФФ отображается в верхней полосе, а вот друг с оперы зашел и у него она вниз проседает, на высоту(42px). Я пробовал править но так ничего и не вышло с его слов... к сожалению оперу скачать сейчас немогу так что самому не проверить, вот скрин http://i48.fastpic.r...62d266f00cb.png

Vulner, спасибо за помощь по пунктам 1 - 1.1 все заработало.

Edited June 4, 2013 by gifron

[gifron]

с проблемой под номером 2 тоже справился. Перенес блок pagenavi выше(из ul) и задал другие свойства в css. Видимо чтото в описании списков конфликтовало.

[htmluk]

Есть не плохой скрипт букса - mfs 2.2, с помощью которого можно побольше узнать о некоторых деталях работы отображения блоков со стилями, но конечно надо бы верстку в CSS нормально понимать. Данный скрипт хорош тем, что позволяет понять, как делаются блоки с отображением в любых разрешениях по монитору например при работе по диагонали на 17-22, что будет не заметно никаких изменений. И главное при открытии в любом браузере блоки не будут разбегаться по шаблону страницы, все это делается с помощью позиционирования и присутствует навигационное меню с выпадающим списком. Чтобы делать изменения самого шаблона, например левой, правой колонки(сидебаров), цетрального блока и остальных, надо удалить строку работы подключения ява-скрипта в файле head.php:

<script language="Javascript" type="text/javascript">

date = new Date();

a = date.getHours();

if (a > 7 && a < 20) {

document.write("<link rel='stylesheet' href=' /style/althead.css' type='text/css'>");

}

</script>

Потому что данный скрипт не даст возможности изменять шаблон, он корректирует дополнительную работу считай тех же предыдущих стилей, которые уде есть повторяясь.