rikitiki
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by rikitiki
-
Исчезновение фиксированного блока при перезагрузке в Opera
rikitiki replied to sam77726's question in HTML Coding
Чтобы не создавать новую тему, если не возражаете, добавлю ещё проблему с фиксированным меню в Опере. Понравилось вот такое горизонтальное фиксированное меню: http://pcvector.net/...lnoe-menyu.html http://www.rudebox.o...site-with-css3/ В IE8 и Firefox работает отлично, можно сказать летает. А вот в Опере последней подвисает. Медkенно зажигается подсветка, плохо раскрываются подменю. Но если шевельнуть колесом мышки сдвинув страницу чуть вниз , то всё нормализуется. Обратно вернёшь страницу вверх и меню вновь становится вялым и плохо раскрывается. И ещё хочу спросить.При открытии в IE8 появляется баннер, запрешающий выполнение сценария или элемента управления ActiveX.. Что это там такое? Я внутри кода никаких java скриптов не обнаружил. И даже если запретить, то всё работает нормально . Sam77726 Добавив контента испытал ваш код в различных браузерах. У меня в Опере блок никуда не исчезает, правда прокрутка контента какая-то неустойчивая по сравнению с другими браузерами. -
Разное отображение блоков с одинаковыми размерами в браузерах.
rikitiki replied to rikitiki's question in HTML Coding
Спасибо за ответ. Малость упростил пример. Выкинул все Pading и Margin. Оставил только Width и Height. В коде оставил только два блока- 2-ой родительский и в нём 3-ий внутрениий. Родительский сделал по высоте на 10px больше чем внутренний (чтобы он выглядывал из под внешнего), а внутренний по ширине на 50 px шире родительского. Собственно сам простейший код: <html> <head> <title>Заголовок документа</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> </div> <div id="second"> <div id="third">Это текст в тегах div с id="third".</div> </div> </body> </html> и style.css #second, #third{ border: 1px solid red; } #second{ background:yellow; width:300px; height:60px; } #third{ background:pink; width:350px; height:50px; } Сответственно IE8 опять растянул ширину внешнего блока под размеры внутреннего. http://img-fotki.yandex.ru/get/5624/24304668.4/0_85c0a_b43b9d9d_orig В Opere внутренний блок вылез справа наружу. http://img-fotki.yandex.ru/get/5646/24304668.4/0_85c0b_9f1cfba3_orig Получается что у IE8 просто такая особенность, растягивать внешний блок под размеры внутреннего содержимого, если оно больше. И неважно что там внутри-div или картинка. Попытался вылечить это вставив первой строкой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "www.w3.org/TR/html4/strict.dtd">, но ничего не изменилось. -
Разное отображение блоков с одинаковыми размерами в браузерах.
rikitiki replied to rikitiki's question in HTML Coding
Спасибо за ссылку. Изучил страницу, но полного ответа в ней не нашёл. Вроде понятно, что, если не включать !DOCTYPE, то различия в размерах одного и того же блока в разных браузерах происходят из-за разного применения width. В IE8 он считается по бордеру, а в Opera и FF по контенту. Если изъять в примере в коде из второго блока внутренние-третий и четвёртый блоки, то и в IE размер второго блока станет равен первому. Значит внутренние блоки раздвигают по ширине внешний родительский оставаясь внутри него. Но вот объяснения этому я не нашёл.Ведь в Firefox и Opera внутренние блоки вылезают за рамки родительского, оставляя размер родительского неизменным. -
Разное отображение блоков с одинаковыми размерами в браузерах.
rikitiki posted a question in HTML Coding
Помогите пожалуйста разобраться с примером в конце 9-го урока на странице: http://www.site-do.ru/css/css9.php Там автор приводит пример, что блоки при одинаковых размерах могут в различных браузерах выглядеть по разному. Пример этот прикладываю: http://yadi.sk/d/m430JzMV2Or-L Я открывал этот пример в браузерах. Действительно в Fiirefox и Opera выглядит иначе чем в IE8. Но объяснения автора совершенно не улавливаю. Цитирую дословно: "...Но мы задали ширину у всех блоков одинаковую, почему же тогда в IE блок с id="second" шире первого блока? Да потому, что IE не включает в размер блока поля и отступы. Браузер отобразил 3 и 4 блоки шириной в 300 пикселов, а потом задал им поля и отступы, именно на это количество пикселов наш второй блок и шире первого. А остальные браузеры делают наоборот. ..." Короче совсем сбил меня с толку. Сначала пишет, что не включает поля, потом что пишет задаёт, а затем добавляет что мол в остальных браузерах всё наоборот. Пожалуйста, объясните мне, отупевшему от сss, подоходчивей. Перерыл Интернет, но похожего примера не нашёл. А сам автор урока навряд ли объяснит, так как опубликовал его полгода назад и наверное забыл про него.