Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> В IE список (UL) растягивается на всю ширину окна, а в FF, Opera, Safari все OK 
:(
    Опции темы
Royan
  Дата 28.5.2009, 00:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Dreamer
***


Профиль
Группа: Участник Клуба
Сообщений: 1708
Регистрация: 14.9.2002
Где: Лондон

Репутация: нет
Всего: 15



Проблема с IE, во всех остальных браузерах все в порядке. Пример для иллюстрации проблемы:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=utf-8" />
<STYLE type="text/css">
UL {
    LIST-STYLE-TYPE: none
}

#topBar {
    PADDING: 0px;
    FONT-SIZE: 16pt;
    FLOAT: right;
    BACKGROUND-COLOR: gray;
    MARGIN: 0px;
    CURSOR: pointer;
    POSITION: relative;
    TEXT-ALIGN: right
}

#topBar LI {
    FLOAT: right
}

.topBarItem {
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 6px;
    COLOR: #ffffff;
    PADDING-TOP: 10px;
}
</STYLE>
</HEAD>
<BODY>
<DIV id="topLevelPage">
<UL id="topBar">
    <LI class="topBarItem">Пункт #3</LI>
    <LI class="topBarItem">Пункт #2</LI>
    <LI class="topBarItem">Пункт #1</LI>
</UL>
</DIV>
</BODY>
</HTML>


В IE элемент topBar растягивается на всю ширину окна. Проблема в том, что в оригинале я использую background-image (а не color), который сползает в крайнюю левую часть окна, поэтому мне хочется каким-то образом избавиться от этого неприятного эффекта растягивания в IE. Пожалуйста, подскажите как


--------------------
Открыта вакансия Junior Java Developer'а в нашем лондонском офисе, подробнее можно узнать здесь
PM MAIL MSN   Вверх
FortMax
Дата 28.5.2009, 04:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 2.10.2006
Где: Россия, г. Бироби джан ЕАО

Репутация: 3
Всего: 5



Royan, это не topBar растягивается на всю ширину, а <DIV id="topLevelPage">, что естественно !!!


--------------------
user posted image
PM MAIL ICQ   Вверх
Royan
Дата 28.5.2009, 12:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Dreamer
***


Профиль
Группа: Участник Клуба
Сообщений: 1708
Регистрация: 14.9.2002
Где: Лондон

Репутация: нет
Всего: 15



FortMax, Мой вопрос в том, как сделать topBar равным по ширине всем элементам LI


--------------------
Открыта вакансия Junior Java Developer'а в нашем лондонском офисе, подробнее можно узнать здесь
PM MAIL MSN   Вверх
bazzjr
Дата 29.5.2009, 12:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6



Royan у меня в IE5, IE6, IE7, IE8, Opera, FF, Safari, везде растягивается одинаково. Дык в чем же заключается вопрос?
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0386 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.