VPF::Проблемы со стилями в опере - Форум программистов

Zorro

Дата 19.12.2004, 15:29 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

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

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

Есть страничка: sr.invaders.ru.

В центре окна (где отображаются сами новости) - элемент:

Код

<span id="NewsText" class="newsBg">

Описание класса в отдельном файле:

Код

.newsBg
{
	background-image: url(IMG/News/MidCenter.gif); //фон
	background-color: #085D9C; //фон
	text-align: justify;
	overflow: auto; //появление прокрутки
}

В IE это окошко отображается "как и задумано", т.е. с фоном в полосочку и с появлением прокрутки. В опере (7.54) же это не работает: фона нет, текст "раширяет" окно вниз. Неподскажите, как это исправить? smile

Так же в стилях у Body прописано:

Код

text-align: center;

В IE все элементы располагаются по центру (без указания у самих элементов центровки), в опере это опять не работает. Конечно, в этом случае можно у каждого элемента прописывать align, но нельзя ли это задать у самого body для всех внутренних элементов? smile

Artiom

Дата 19.12.2004, 17:04 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1031
Регистрация: 11.3.2003
Где: Минск\Баку

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

Перенеси вызов класса на один уровень выше

Код


<td class = "newsBg"><span id="NewsT ext">

Должно заработать. backgroung-image относительно к <span> звучит немного нелогично. ИМХО.

--------------------

Если тебя жизнь трахает, значит, ты ещё живой

Zorro

Дата 19.12.2004, 17:17 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

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

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

Да, backgroung-image тогда рабоает. Но overflow: auto; в ячейке таблицы точно бесполезен.

Alx

Дата 19.12.2004, 18:58 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78

всесто спана юзаем див, URL ставим кавычки, диву задаем ширину и высоту через стиль, всю страничку заключаем в теги <center></cenetr>.

--------------------

Zorro

Дата 20.12.2004, 17:19 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

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

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

ALEXANDRO
Спасибо, заработало smile

GoodBoy

Дата 23.12.2004, 18:52 (ссылка)

(нет голосов)

Загрузка ...

Главный джедай

Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

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

Преренесено из "Веб-дизайна"

--------------------

Чем дальше в лес, тем толще партизаны...

Цитата(igorold @ 1.5.2016, 17:40

)

Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях.

liliana2

Дата 14.12.2007, 13:48 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

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

Здравствуйте, собсно есть страничка, и разметка должна быть как здесь
http://www.sibznak.com/ver9/about.shtml, если открывать в ie
А в опере получается полная билибирда, подскажите, как быть?

kizune

Дата 14.12.2007, 13:57 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

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

здравствуйте.
во-первых не только в опере,но и в мозиле
не нравиться левое меню,я так понимаю?

выкладывайте кусок кода со стилями

liliana2

Дата 14.12.2007, 14:52 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

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

нет не правильно понимаете
с левым меню все нормально.
проблема заключается в том, что в контенте рядом с картинкой идет один текст, справа от картинки
а под картинкой начинается другой текст и обтекает остатки верхнего текста, так что они не соприкасаются и смотрятся нормально и читаются, но только в ие

Код


#info{  width: 550px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  font-family: Arial;
  font-size: 8pt;
  text-decoration:none;
  text-align: left;
  margin-top: 10px;
  min-height: 450px;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #999999;
  float: right;
  position: relative;
  padding: 5px; }
#img{  float: left;  margin: 4px;  clear: left;}
#text{  float: right;  width: 415px;  clear: right;  margin: 3px;  text-align: justify;}
#text2{  float: left;  width: 540px;  clear: left;  margin: 3px;  text-align: justify;}
#text3{  float: left;  width: 530px;  clear: left;  margin: 3px 1px 1px 15px;  text-align: justify;}
#text5{  float: left;  width: 530px;  clear: right;  margin: 3px 1px 1px 15px;  text-align: justify;}
#text4{    float: right;    width: 240px;    clear: right;    margin: 3px;    text-align: justify;}
#all{  vertical-align: middle;  clear: both;  width: 550px;  float: right;}

Это сообщение отредактировал(а) liliana2 - 14.12.2007, 14:58

kizune

Дата 14.12.2007, 16:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

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

Код


#bottom2{ _top: 9px; }
#info{  width: 550px;_height: 610px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  font-family: Arial;
  font-size: 8pt;
  text-decoration:none;
  text-align: left;
  margin-top: 10px;
  min-height: 450px;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #999999;
  float: right;
  position: relative;
  padding: 5px; }
#img{  float: left;  margin: 4px;  clear: left;}
#text{  float: right;  width: 415px;  clear: right;  margin: 3px;  text-align: justify;}
#text2{  float: left;  width: 540px;  clear: left;  margin: 3px;  text-align: justify;}
#text3{clear: left;  margin: 3px 1px 1px 15px;  text-align: justify;}
#text5{float: left;  width: 530px;  clear: right;  margin: 3px 1px 1px 15px;  text-align: justify;}
#text4{float: right;    width: 240px;    clear: right;    margin: 3px;    text-align: justify;}
#all{  vertical-align: middle;  clear: both;  width: 550px;  float: right;}

liliana2

Дата 18.12.2007, 08:35 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

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

Спасибо, но во-первых я не поняла что именно это меняет, а во-вторых на пркатике с такими стилями страницу перекашивает вообще

kizune

Дата 18.12.2007, 10:54 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

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

Извини,но по одним стилям невозможно понять,что у тебя перекашивает.
наверное,если был приведен весь код было бы более понятно.
у меня все было ок

liliana2

Дата 18.12.2007, 11:41 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

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

я же давала ссылку...

kizune

Дата 18.12.2007, 11:54 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

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

во всех 3 браузерах,у меня одинаково - ie6, ff2, opera 9. нижний текст обтекает текст,находящийся справа от картинки.
в приложенном файле и ваш код,и стиль - может там еще чего-то не хватает?

Это сообщение отредактировал(а) kizune - 18.12.2007, 11:55

Присоединённый файл ( Кол-во скачиваний: 2 )

1.zip 13,31 Kb

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »