Компьютерный форум NoWa.cc Здесь может быть Ваша реклама
Правила Форума
редакция от 22.06.2020
Портал .::2BakSa.WS::.
Вернуться   Компьютерный форум NoWa.cc > В помощь вебмастеру > Вeб Дизайн > CSS

Уважаемые пользователи nowa.cc и 2baksa.ws. У нас сложилось тяжёлое финансовое положение. Мы работаем для вас вот уже более 15 лет и сейчас вынуждены просить о помощи. Окажите посильную поддержку проектам. Мы очень надеемся на вас. Реквизиты для переводов ниже.
Webmoney Webmoney WMZ: 826074280762 Webmoney WME: 804621616710
PayPal PayPal_Email E-mail для связи по вопросу помощи
Кошелёк для вашей помощи YooMoney 4100117770549562
YooMoney Спасибо за поддержку!
Ответ
 
Опции темы Опции просмотра Language
Старый 07.12.2010, 11:03   #1
Постоялец
 
Пол:Мужской
Регистрация: 24.06.2006
Сообщений: 216
Репутация: 26
По умолчанию Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Добрый день.
Опять столкнулся с проблемой кривого отображения в IE6! В FF и Opera всё нормально.
Чего уже не делал, не помогает!
------------------------------------------------------------------
Расположение блоков li в FF и Opera нормальное.


В IE6 сползает вниз блок <li id="your_account">.


КОД HTML -------------------------------------------------------------
Код HTML:
<div id="header_user">
    <p id="header_user_info">
Добро пожаловать,<a href="http://eo4321.kidlife.com.ua/my-account.php">Вход</a>
    </p>
    <ul id="header_nav">
                <li id="shopping_cart">
                       <a title="Ваша корзина" href="http://eo4321.kidlife.com.ua/order.php">Корзина:</a>
               <span class="ajax_cart_quantity hidden"></span> 
                       <span class="ajax_cart_product_txt hidden">товар</span>
                       <span class="ajax_cart_product_txt_s hidden">товара</span>
                       <span class="ajax_cart_product_txt_d hidden">товаров</span>
                <span class="ajax_cart_total hidden">0 грн.</span>
                <span class="ajax_cart_no_product">(пустая)</span>
        </li>
        <li id="your_account">
                <a title="Ваш аккаунт" href="http://eo4321.kidlife.com.ua/my-account.php">Ваш аккаунт</a></li>
    </ul>
</div>
КОД CSS -------------------------------------------------------------
<div id="header_user">
Цитата:
#header_right #header_user {
background-image: url("../img/logo_1.jpg");
background-repeat: no-repeat;
float: right;
font-weight: bold
height: 40px;
width: 980px;

<p id="header_user_info">
Цитата:
#header_user p {
color: #595A5E;
padding-right: 3px;

<ul id="header_nav">
Цитата:
#header_user ul {
padding-right: 3px;
padding-top: 0.3em;

<li id="shopping_cart"> <li id="your_account">
Цитата:
#header_user li {
display: inline;
float: right;
line-height: 18px;
white-space: nowrap;

Подскажите, как исправить данный глюк в IE6 ?
Borod вне форума
 
Ответить с цитированием Вверх
Здесь может быть Ваша реклама
Здесь может быть Ваша реклама


Реклама: изготовление алюминиевых табличекнепутевый ученик в школе магии 2 сезонuniverse 6воск голубева купитьномер 13


Старый 07.12.2010, 17:06   #2
Lacriss
Пользователь
 
Аватар для Lacriss
 
Пол:Мужской
Регистрация: 08.07.2005
Адрес: Петрозаводск
Сообщений: 121
Репутация: 107
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Borod, если использовать только ту информацию, которая предоставлена в вашем посте, то ссылка на аккаунт располагается там, где ей и положено быть. Перейдя на ваш сайт проблему пронаблюдал. Чтобы помочь надо будет детально изучить содержимое стилей. ошибка кроется где то в другом месте.
Lacriss вне форума
 
Ответить с цитированием Вверх
Старый 07.12.2010, 19:35   #3
errante
Постоялец
 
Пол:Мужской
Регистрация: 25.03.2005
Сообщений: 789
Репутация: 788
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Чет у тебя все криво имеется ввиду CSS файл
Большое излишество id - в них просто теряешься, особенно там где можно было обойтись обычным классом или одним блоком с указанием различных значений для внутрених html тэгов.

Цитата:
#header_user ul {
padding-right: 3px;
padding-top: 0.3em;

Не красиво - определись или em или всеже px, хотя и не кретично, но лучше что нить одно для конкретного блока,
а еще лучше сделать павильно:
padding: top right bottom left; т.е. например padding: 3px 3px 0 0;
задавай отступы для всех сторон, помни что некоторые значения, например отступы, цвет ссылок и т.д. наследуются.

Кроме того шестой ишак не правильно считает (взаимодействует) с внешними и внутреними отступами для соседних блоков, а ты делашь все блоками параметр id.
Например если margin = 10px и padding = 10px то все браузеры кроме шестого ишака считают отступ равным 20px, ишак считает равным 10px.
+ система счисления у браузеров разная, разница при отсчете позиций как правило равна 1px

Последний раз редактировалось errante; 07.12.2010 в 19:46..
errante вне форума
 
Ответить с цитированием Вверх
Старый 07.12.2010, 19:54   #4
Borod
Постоялец
 
Пол:Мужской
Регистрация: 24.06.2006
Сообщений: 216
Репутация: 26
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Уважаемые спецы очень нужна ваша помощь!!!
Цитата:
Сообщение от Lacriss Посмотреть сообщение
BorodЧтобы помочь надо будет детально изучить содержимое стилей.

Что-для этого нужно?

Добавлено через 5 минут
Цитата:
Сообщение от errante Посмотреть сообщение
Чет у тебя все криво

Это не у меня, это у CMS Prestashop, переделываю тему под себя.
Остальное поправим. Но как определить из-за чего этот баг появляется?
Borod вне форума
 
Ответить с цитированием Вверх
Старый 07.12.2010, 19:56   #5
errante
Постоялец
 
Пол:Мужской
Регистрация: 25.03.2005
Сообщений: 789
Репутация: 788
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Цитата:
Сообщение от Borod Посмотреть сообщение
Что-для этого нужно?

Выложи CSS файл
а лучше перепиши все что касается выложенного тобой блока, должно получится что то типа этого
Код HTML:
CSS
#header_user {margin 0; padding: 0; и т.д. 
времено укажи параметр для определения границ блока
 сразу будет видно некоторые вещи border: 1px solid #ff0000;}
#header_user p {параметры}
#header_user a {параметры}
#header_user ul {параметры}
#header_user li {параметры}

твой код будет выглядеть легче и проще (как пример):

<div id="header_user">
    <p>Добро пожаловать,<a href="#">Вход</a></p>
    <ul>
          <li>
               <a href="#">Корзина:</a>
        </li>
        <li>
              <a href="#">Ваш аккаунт</a>
       </li>
    </ul>
</div>
Цитата:
Сообщение от Borod Посмотреть сообщение
Но как определить из-за чего этот баг появляется?

Времено укажи границы соседних болоков, как выше в примере, увидишь как блоки взаимодействуют между собой в различных браузерах, но глюк скорее всего из-за того что указаны не все параметры отступов происходит наследование, возможно блок стоит сделать на 1px больше или меньше, поиграться с позиционированием.
CSS код на валидность проверял?

Вот ошибки валидности:

Последний раз редактировалось errante; 07.12.2010 в 20:04..
errante вне форума
 
Ответить с цитированием Вверх
Старый 07.12.2010, 20:44   #6
Borod
Постоялец
 
Пол:Мужской
Регистрация: 24.06.2006
Сообщений: 216
Репутация: 26
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Цитата:
Сообщение от errante Посмотреть сообщение
Вотошибки[/COLOR][/URL] валидности:

В основном как я понял там ошибки "Одинаковые цвета для текста и фона используются в следующих местах".

Добавлено через 31 минуту
Цитата:
Сообщение от errante Посмотреть сообщение
Времено укажи границы соседних болоков,

Посмотрел по блокам, блок <li id="your_account"> выходит из блока <div id="header_user">, хотя места ему хватает, даже если увеличить высоту блока <div id="header_user">, всё равно блок <div id="header_user"> висит внизу за блоком <div id="header_user">!
Задал пааметры (высота и ширина) блоков #header_user #shopping_cart и #header_user #your_account, ничего не поменялось
Я в ступоре ..... Почему....?

Последний раз редактировалось Borod; 07.12.2010 в 20:51..
Borod вне форума
 
Ответить с цитированием Вверх
Старый 07.12.2010, 20:55   #7
errante
Постоялец
 
Пол:Мужской
Регистрация: 25.03.2005
Сообщений: 789
Репутация: 788
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

У тебя, на вскидку, выходит 4-е блока
id="header_user" - 1-й блок
id="header_user_info" - 2-ой блок
id="header_nav" - 3-й блок
id="shopping_cart" - 4-й блок

без указания параметра float блоки по умолчанию позиционируются вертикально. При значении float: right; блоки позиционируются с правой стороны по длине, при привышении длины блоки переносятся по вертикали (это как бы на пальцах пояснение )
у всех блоков должно быть значение float: right; - попробуй поставить.
errante вне форума
 
Ответить с цитированием Вверх
Старый 07.12.2010, 23:39   #8
Borod
Постоялец
 
Пол:Мужской
Регистрация: 24.06.2006
Сообщений: 216
Репутация: 26
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Цитата:
Сообщение от errante Посмотреть сообщение
У тебя, на вскидку, выходит 4-е блока
id="header_user" - 1-й блок
id="header_user_info" - 2-ой блок
id="header_nav" - 3-й блок
id="shopping_cart" - 4-й блок

И ещё блок:
id="your_account" - 5-й блок
id="your_account" и id="your_account" находяться внутри блока id="header_nav" .

Добавлено через 2 часа 25 минут
Цитата:
Сообщение от errante Посмотреть сообщение
у всех блоков должно быть значение float: right; - попробуй поставить.

Ставил всем блокам float: right; задавал высоту и ширину блоков, чего только не делал, всё равно блок id="your_account" вылазит из блока id="header_nav"!
Borod вне форума
 
Ответить с цитированием Вверх
Старый 08.12.2010, 19:45   #9
errante
Постоялец
 
Пол:Мужской
Регистрация: 25.03.2005
Сообщений: 789
Репутация: 788
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Цитата:
Сообщение от Borod Посмотреть сообщение
вылазит из блока id="header_nav"

проверь отступы (margin и padding), отсутствующие принудительно установи в 0 и посмотри будут ли изменения.
errante вне форума
 
Ответить с цитированием Вверх
Старый 08.12.2010, 20:47   #10
Borod
Постоялец
 
Пол:Мужской
Регистрация: 24.06.2006
Сообщений: 216
Репутация: 26
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Цитата:
Сообщение от errante Посмотреть сообщение
проверь отступы (margin и padding), отсутствующие принудительно установи в 0 и посмотри будут ли изменения.

Проставил margin: 0; padding: 0; ничего не поменялось!
Borod вне форума
 
Ответить с цитированием Вверх
Старый 09.12.2010, 12:05   #11
Borod
Постоялец
 
Пол:Мужской
Регистрация: 24.06.2006
Сообщений: 216
Репутация: 26
По умолчанию Re: Не правильное отображение блоков li в IE6. В FF и Opera всё нормально.

Поставил хак для IE 6
#header_user li#your_account { _position: absolute; _right: 168px; _top: 91px}
Всё заработало!
Borod вне форума
 
Ответить с цитированием Вверх
Ответ

Опции темы
Опции просмотра

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Правильное нанесение термопасты... Vitya_serov Всё для компьютера 63 21.08.2014 19:13
Как сделать отображение цветных изображений для Opera и Mozilla Firefox в черно-белых rvp CSS 0 18.02.2009 12:03
Закругленные формы блоков xkspy Вeб Дизайн 3 09.01.2009 13:40
Как настроить правильное отображение кирилицы на Knoppix CD? Gena Вопросы и проблемы 3 04.04.2008 00:21
правильное отображение русского в win2003!!! MegaEddy Microsoft Windows 8 23.03.2007 17:12

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 06:45. Часовой пояс GMT +3.


Copyright ©2004 - 2024 2BakSa.WS

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
Время генерации страницы 0.19043 секунды с 13 запросами