Слой (DIV) в Chrome отображается не правильно.

#1 eL fantasmA

Олимпийский мишка

Постоялец
9 169 сообщений

Отправлено 02 июня 2010 - 21:26

Итак, проблемка есть одна.

Представим что у меня сверху полоска из трёх слоёв, а под ней один слой. Почему в IE8, Mozilla текст длинном одиночном слое растягивается на полную, а в Chrome он растягивается только на длину среднего слоя в верхнем блоке?

Какие особенности вёрстки под Chrome?

Дабы было проще, напишите кому не лень html с такими параметрами:
- верхний левый блок width 100px, height 100px;
- верхний центральный блок width 400px, height 100px;
- верхний правый блок width 200px. height 100px;

и под ними ещё один слой width соответственно 700px height 400px;

«Удовольствие и счастье совсем не одно и тоже. На самом деле особую ценность имеет то, что не вечно...»

Наверх

#2 LiD

Постоялец
456 сообщений

Отправлено 04 июня 2010 - 10:55

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

Наверх

#3 Cepera

Пользователь
277 сообщений

Откуда:Таллинн, ТТУ

Отправлено 05 июня 2010 - 15:06

я это понял так
похоже на то что надо?

Наверх

#4 Isamashii Tora

Странствующий

Постоялец
1 840 сообщений

Откуда:Asylum

Отправлено 05 июня 2010 - 17:07

Сделай див контейнер - 700 на 400. И в него помести их все. Должно помочь.

"Миры рождаются и умирают, память о людях с которыми их прошел - остается" © Тристар

Наверх

#5 eL fantasmA

Олимпийский мишка

Постоялец
9 169 сообщений

Отправлено 06 июня 2010 - 14:12

Cepera, вот да. сделал правильно. Только это сооружение должно находиться в центре и в нижнем слое должен быть текст от края до края. В верхних ничего не должно быть написано.

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

Clement, попробую.

«Удовольствие и счастье совсем не одно и тоже. На самом деле особую ценность имеет то, что не вечно...»

Наверх

#6 Cepera

Пользователь
277 сообщений

Откуда:Таллинн, ТТУ

Отправлено 06 июня 2010 - 19:12

eL fantasmA,
ну тогда я правильно понял

он и будет от края до края
вариант сунуть 3 верхних div'a в большой очевиден, но тогда под верхними div'ами не будет текста, либо для текста надо ставить position
для центровки margin:0 auto; и opacity, background уберу (были для наглядности)

Наверх

#7 Vitalts

Постоялец
1 852 сообщений

Отправлено 06 июня 2010 - 19:24

я это понял так
похоже на то что надо?

В Опере это выглядит вот так, а впрочем, так оно выглядит и в ИЕ8 и в Лисе и в Гугле

Прикрепленные файлы

Image 1.png 86,73К 14 Количество загрузок

Сообщение изменено: Vitalts (06 июня 2010 - 19:31 )

Наверх

#8 Cepera

Пользователь
277 сообщений

Откуда:Таллинн, ТТУ

Отправлено 06 июня 2010 - 19:37

Vitalts,
ну да.. а что?

aaa.. может имелось ввиду от края до края всей ширины, а не 700px, то div class=center и его стиль не нужны, а width:700px; margin:0 auto; добавить классу over

Сообщение изменено: Cepera (06 июня 2010 - 19:42 )