X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Футер и верхнее меню съезжают
InviS
InviS
Topic Starter сообщение 17.3.2010, 2:21; Ответить: InviS
Сообщение #1


Помогите, пожалуйста. Столкнулся с проблемой в верстке. Вот пример моей страницы:
http://invis.emaxihost.com/temp/new/main.php
В Опере все выглядит так, как и должно быть...
В IE 6.0 не работает центризация блока: margin: 0 auto;
В ФФ/Хроме верхнее меню не занимает 100% почему-то, да и вообще бока какие-то с этим UL, он будто не в том потоке... То же самое с футером. Он почему-то съехал ниже, хотя так быть не должно - он же включен в родительский див... как он выскочил за него?
З.Ы. Это просто мистика...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 17.3.2010, 12:17; Ответить: Zippovich
Сообщение #2


(InviS @ 17.3.2010, 04:21) *
В IE 6.0 не работает центризация блока: margin: 0 auto;

Используйте XHTML 1.0 Strict или Transitional и поправьте верстку, в соответсвии с измененным стандартом.
(InviS @ 17.3.2010, 04:21) *
В ФФ/Хроме верхнее меню не занимает 100% почему-то, да и вообще бока какие-то с этим UL, он будто не в том потоке... То же самое с футером. Он почему-то съехал ниже, хотя так быть не должно - он же включен в родительский див... как он выскочил за него?

#nav, #nav ul {
....
overflow: hidden
}

однако это не совсем хороший способ очищать float выравнивание, лучше использовать reset.css (поищите в гугле) и с ним делать так:
<ul class="clear">...</ul>

так же уберите height, что бы футтер стал на место.
#page .inner {height: 500px}

З.Ы. Это просто мистика...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
Topic Starter сообщение 17.3.2010, 22:33; Ответить: InviS
Сообщение #3


Сделал так, как Вы написали. Действительно в IE выровняло по середине, когда поставил этот стандарт. Почему? Не знал, что это влияет...
Убрал задание высоты и футер стал на место... Но почему? почему я не могу задавать высоту в пикселах? Если у меня будет немного контента, а футер должен быть внизу, да и сама страница должна быть растянута на всю высоту окна...

Так и не решил проблему с UL... после применения этого стандарта во всех браузерах не растягивает на 100%... Как мне заполнить на ширину всего блока этот UL?

З.Ы. Все обновил и в примере на сайте, чтоб было легче посмотреть мои ошибки...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sikha
Sikha
сообщение 17.3.2010, 23:20; Ответить: Sikha
Сообщение #4


(InviS @ 18.3.2010, 00:33) *
Так и не решил проблему с 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
InviS
Topic Starter сообщение 18.3.2010, 0:14; Ответить: 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
Sikha
сообщение 18.3.2010, 1:30; Ответить: Sikha
Сообщение #6


(InviS @ 18.3.2010, 02:14) *
Это всего лишь макет, которому даже до пробника далеко. Просто у меня при верстке возникли определенные проблемы..
1) div закрывать не нужно, футер входит в page.inner...


Это абсолютно не нужно! если начинаешь делать макет начинай его делать правильным! Чтоб потом меньше мароки было! Я просто выкачал твои CSSки там много лишнего кода! Если ты хочешь сделать округленные края то это жно прописать в CSS но не все браузеру будут их показывать, а можно сделать в фотошопе и сверстать! Так я обычно и делаю!

(InviS @ 18.3.2010, 02:14) *
2) со скриптами - копировал с другой странички, где использовал фреймы, забыл удалить ;D


Вот еще одна проблема! Я СКОПИРОВАЛ!!!! Лучше 1 раз по уроку сделай все понятнее будет и меньше проблем!

(InviS @ 18.3.2010, 02:14) *
3) 100% писал, чтобы растянуть по ширине на весь родительский элемент

В вашей ссылке такая же реализация меню... Смысл делать то же самое? Мне не понятно лишь, почему UL не растягивается на всю ширину моего div#page? Вроде ж указал 100%, элемент блоковый... но что не так?


Попробуй БГ колор прописать у ли! Я просто уже залипаю завтра еще гляну попробую помочь! Или попробуй забить LI пустыми значениями типа &nbsp

У меня наоборот было одно время как уменьшить размер ))


(InviS @ 18.3.2010, 02:14) *
Немного поизменял .css чтобы наглядно было видно в чем у меня загвоздка:
сделал вот так вот <div><ul><li>....</li></ul></div>
Для div-обертки прописал цвет фона - зеленый, для UL - красный, для li все так же.
Вопрос: почему LI "вылазят" за блок UL? Как они это делают? почему они не остаются внутри??


Странно у меня ничего не вылазит!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
Topic Starter сообщение 18.3.2010, 3:36; Ответить: InviS
Сообщение #7


Я копировал со своей странички, этот код я сам писал :)
Изображения 4 штуки делал в фотошопе на 4 уголка, стиль писал в css.
Вот, что вижу я:
[IMG]http://i2.fastpic.ru/thumb/2010/0318/28/12fd362827cf441ab1c5c41366267028.jpeg[/IMG]
И так быть не должно, все должно быть внутри друг друга... В идеале... но почему не так - не знаю..

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
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-


 



RSS Текстовая версия Сейчас: 18.4.2024, 15:24
Дизайн