Помощник
|
Футер и верхнее меню съезжают |
InviS
|
Сообщение
#1
|
||
|
|
||
|
|||
Zippovich |
17.3.2010, 12:17;
Ответить: Zippovich
Сообщение
#2
|
|
В IE 6.0 не работает центризация блока: margin: 0 auto; Используйте XHTML 1.0 Strict или Transitional и поправьте верстку, в соответсвии с измененным стандартом. В ФФ/Хроме верхнее меню не занимает 100% почему-то, да и вообще бока какие-то с этим UL, он будто не в том потоке... То же самое с футером. Он почему-то съехал ниже, хотя так быть не должно - он же включен в родительский див... как он выскочил за него? #nav, #nav ul { .... overflow: hidden } однако это не совсем хороший способ очищать float выравнивание, лучше использовать reset.css (поищите в гугле) и с ним делать так: <ul class="clear">...</ul> так же уберите height, что бы футтер стал на место. #page .inner {height: 500px} З.Ы. Это просто мистика... |
|
|
InviS
|
Сообщение
#3
|
|
Сделал так, как Вы написали. Действительно в IE выровняло по середине, когда поставил этот стандарт. Почему? Не знал, что это влияет...
Убрал задание высоты и футер стал на место... Но почему? почему я не могу задавать высоту в пикселах? Если у меня будет немного контента, а футер должен быть внизу, да и сама страница должна быть растянута на всю высоту окна... Так и не решил проблему с UL... после применения этого стандарта во всех браузерах не растягивает на 100%... Как мне заполнить на ширину всего блока этот UL? З.Ы. Все обновил и в примере на сайте, чтоб было легче посмотреть мои ошибки... |
|
|
Sikha |
17.3.2010, 23:20;
Ответить: Sikha
Сообщение
#4
|
|
Так и не решил проблему с UL... после применения этого стандарта во всех браузерах не растягивает на 100%... Как мне заполнить на ширину всего блока этот UL? З.Ы. Все обновил и в примере на сайте, чтоб было легче посмотреть мои ошибки... Во первых у тебя четко задан размер дива пэйдж #page { width: 930px; margin: 20px auto; font-size: 0.8em; background-color: #ffffff; display: block; Зачем в остальном использовать проценты? от сюда и не удобства начинаются!! Потом Не понимаю зачем к такой меню вообще применять скрипты это первое! потом если начинать заполнять текстом контет он становиться сразу после меню! это как то не правильно на мой взгляд! Закрой DIV после UL <div class='inner'> <ul id='nav'> <li class=''><a href='history.php' onclick="Navigation(this); return false;"> История</a></li> <li class=''><a href='add.php' onclick="Navigation(this); return false;"> Добавить</a></li> <li class=''><a href='about.html' onclick="Navigation(this); return false;"> О проекте</a></li> <li><a href='about.html' onclick="Navigation(this); return false;"> О проекте</a></li> </ul> [B]</div>[/B] Следующим щагом вставь еще один пустой див CLEAR с параметрами #clear { clear:both; background-color:white; height:1px; width:100%; } Такой же див влепи перед <div id='footer'>Сайт замутил InviS</div> А меню и заполнение UL советую сделать по примеру по новой http://thelast.ru/index.php?uid=598 или что то вроде того! |
|
|
InviS
|
Сообщение
#5
|
|
Это всего лишь макет, которому даже до пробника далеко. Просто у меня при верстке возникли определенные проблемы..
1) div закрывать не нужно, футер входит в page.inner... 2) со скриптами - копировал с другой странички, где использовал фреймы, забыл удалить ;D 3) 100% писал, чтобы растянуть по ширине на весь родительский элемент В вашей ссылке такая же реализация меню... Смысл делать то же самое? Мне не понятно лишь, почему UL не растягивается на всю ширину моего div#page? Вроде ж указал 100%, элемент блоковый... но что не так? Немного поизменял .css чтобы наглядно было видно в чем у меня загвоздка: сделал вот так вот <div><ul><li>....</li></ul></div> Для div-обертки прописал цвет фона - зеленый, для UL - красный, для li все так же. Вопрос: почему LI "вылазят" за блок UL? Как они это делают? почему они не остаются внутри?? |
|
|
Sikha |
18.3.2010, 1:30;
Ответить: Sikha
Сообщение
#6
|
|
Это всего лишь макет, которому даже до пробника далеко. Просто у меня при верстке возникли определенные проблемы.. 1) div закрывать не нужно, футер входит в page.inner... Это абсолютно не нужно! если начинаешь делать макет начинай его делать правильным! Чтоб потом меньше мароки было! Я просто выкачал твои CSSки там много лишнего кода! Если ты хочешь сделать округленные края то это жно прописать в CSS но не все браузеру будут их показывать, а можно сделать в фотошопе и сверстать! Так я обычно и делаю! 2) со скриптами - копировал с другой странички, где использовал фреймы, забыл удалить ;D Вот еще одна проблема! Я СКОПИРОВАЛ!!!! Лучше 1 раз по уроку сделай все понятнее будет и меньше проблем! 3) 100% писал, чтобы растянуть по ширине на весь родительский элемент В вашей ссылке такая же реализация меню... Смысл делать то же самое? Мне не понятно лишь, почему UL не растягивается на всю ширину моего div#page? Вроде ж указал 100%, элемент блоковый... но что не так? Попробуй БГ колор прописать у ли! Я просто уже залипаю завтра еще гляну попробую помочь! Или попробуй забить LI пустыми значениями типа   У меня наоборот было одно время как уменьшить размер )) Немного поизменял .css чтобы наглядно было видно в чем у меня загвоздка: сделал вот так вот <div><ul><li>....</li></ul></div> Для div-обертки прописал цвет фона - зеленый, для UL - красный, для li все так же. Вопрос: почему LI "вылазят" за блок UL? Как они это делают? почему они не остаются внутри?? Странно у меня ничего не вылазит! |
|
|
InviS
|
Сообщение
#7
|
|
|
Я копировал со своей странички, этот код я сам писал :)
Изображения 4 штуки делал в фотошопе на 4 уголка, стиль писал в css. Вот, что вижу я: [IMG]http://i2.fastpic.ru/thumb/2010/0318/28/12fd362827cf441ab1c5c41366267028.jpeg[/IMG] И так быть не должно, все должно быть внутри друг друга... В идеале... но почему не так - не знаю..
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Перенести меню | 1 | Викторио_mw | 1466 | 28.8.2018, 0:10 автор: TimurR |
|
Необходимо разрезать и установить Меню для группы ВКонтакте | 2 | boltuk | 3409 | 4.12.2017, 14:44 автор: tezoro |
|
Помогите с меню - переделать в выпадающее | 1 | lepota | 1128 | 4.12.2017, 13:29 автор: yury_mw |
|
Слайдер под меню | 0 | Olya_Poy | 4640 | 29.11.2017, 11:09 автор: -garmoni- |
|
На разных разрешениях меню выглядит по разному | 0 | SPiar | 4816 | 28.9.2017, 17:45 автор: -korotkov- |
Текстовая версия | Сейчас: 18.4.2024, 15:24 |