Перейти к содержимому

Фото
- - - - -

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


  • Вы не можете создать новую тему
  • Please log in to reply
9 ответов в этой теме

#1 eL fantasmA

eL fantasmA

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

  • Постоялец
  • 8 806 сообщений

Отправлено 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;
  • 0
«Удовольствие и счастье совсем не одно и тоже. На самом деле особую ценность имеет то, что не вечно...»

#2 LiD

LiD
  • Постоялец
  • 453 сообщений

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

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

#3 Cepera

Cepera
  • Пользователь
  • 277 сообщений
  • Откуда:Таллинн, ТТУ

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

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

#4 Isamashii Tora

Isamashii Tora

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

  • Постоялец
  • 1 840 сообщений
  • Откуда:Asylum

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

Сделай див контейнер - 700 на 400. И в него помести их все. Должно помочь.
  • 0
"Миры рождаются и умирают, память о людях с которыми их прошел - остается" © Тристар

#5 eL fantasmA

eL fantasmA

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

  • Постоялец
  • 8 806 сообщений

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

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

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

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

#6 Cepera

Cepera
  • Пользователь
  • 277 сообщений
  • Откуда:Таллинн, ТТУ

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

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

#7 Vitalts

Vitalts
  • Постоялец
  • 1 842 сообщений

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

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

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

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

  • Прикрепленный файл  Image 1.png   86,73К   14 Количество загрузок

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

  • 0

#8 Cepera

Cepera
  • Пользователь
  • 277 сообщений
  • Откуда:Таллинн, ТТУ

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

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

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

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

  • 0

#9 eL fantasmA

eL fantasmA

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

  • Постоялец
  • 8 806 сообщений

Отправлено 06 Июнь 2010 - 21:04

Cepera, хмм... а как тогда сделать?
Мне надо чтобы во всех 3-х верхних был текст и в нижней полоске будет менюха.
  • 0
«Удовольствие и счастье совсем не одно и тоже. На самом деле особую ценность имеет то, что не вечно...»

#10 Cepera

Cepera
  • Пользователь
  • 277 сообщений
  • Откуда:Таллинн, ТТУ

Отправлено 06 Июнь 2010 - 22:16

тогда я не то сделал, т.к. получится меню под текстом :o
покажи лучше диз или схематически в word хотябы, так проще будет.
  • 0