Проблема с IE

[Pashkes]

Можете посмотреть http://pashkes24.narod.ru/ почему у меня в IE блок с заголовком Business Solutions съезжает вниз. И еще почему высота верхнего повторяющегося градиента в два раза больше в этом же самом IE?

[wanntuzz]

box-left-2 зачем clear: both? почему не clear: left?

[Pashkes]

  On 3/17/2011 at 10:00 PM, wanntuzz said:

box-left-2 зачем clear: both? почему не clear: left?

это не решает проблемы

[Serlutin]

Хе, знакомый шаблон. Я тоже его решил поверстать. Дело было так. Я его скачал, потом открываю в фотошопе, смотрю на него и закрываю. Так продолжалось где-то неделю. Потом, я наконец, нарезал картинки скопировал весь текст в HTML, предварительно набросал вёрстку и забил. Теперь есть повод взяться основательно. Посоревнуемся, кто круче сделает?

По теме. Лень въезжать, но скорее всего это из-за свойства vspace у логотипа.

[Pashkes]

  On 3/17/2011 at 10:15 PM, Serlutin said:

Хе, знакомый шаблон. Я тоже его решил поверстать. Дело было так. Я его скачал, потом открываю в фотошопе, смотрю на него и закрываю. Так продолжалось где-то неделю. Потом, я наконец, нарезал картинки скопировал весь текст в HTML, предварительно набросал вёрстку и забил. Теперь есть повод взяться основательно. Посоревнуемся, кто круче сделает?

Да я даже не по правилам делаю как там в теме написано. Там надо резиновый, но я не умею делать резину. У меня там все фикс. Я вообще новичек, опsnf мало и это только вторая работа болей менее для меня. Вряд ли составлю кокуренцию.

  Quote

По теме. Лень въезжать, но скорее всего это из-за свойства vspace у логотипа.

точто, из за логотипа, я как то не заметил этого.

Edited March 17, 2011 by Pashkes

[Serlutin]

Ну не хотите соревноваться, тогда ладно.

1. Обязательно задайте высоту #header

2. Логотип нужно позиционировать с помощью position: absolute, а не relative (создаёт прокрутку)

3. Меню вставляем в #header, выравниваем с помощью float: right и margin-right

4. Стрелочка у надписи "learn more" должна быть с помощью CSS.

[Pashkes]

  On 3/17/2011 at 10:38 PM, Serlutin said:

Ну не хотите соревноваться, тогда ладно.

1. Обязательно задайте высоту #header

2. Логотип нужно позиционировать с помощью position: absolute, а не relative (создаёт прокрутку)

3. Меню вставляем в #header, выравниваем с помощью float: right и margin-right

4. Стрелочка у надписи "learn more" должна быть с помощью CSS.

Изменю, спс за советы, но со съезжающим блоком в IE проблема все еще не решена.

[wanntuzz]

там еще маргин мешает и флоаты не так, а потом ширина

[Serlutin]

  On 3/17/2011 at 10:43 PM, Pashkes said:

Изменю, спс за советы, но со съезжающим блоком в IE проблема все еще не решена.

Есть подозрение, что это из-за меню. Рассположите его в #header и проверьте

[wanntuzz]

Какое меню!? Там снизу не так.

[Pashkes]

Изменил немного структуру, поместил 2 левых блока в контейнер silebar и теперь этот контейнер съезжает в IE вниз.

  On 3/17/2011 at 10:48 PM, Serlutin said:

Есть подозрение, что это из-за меню. Рассположите его в #header и проверьте

та нет, меню там не причем

[Pashkes]

Проблемы с позиционирование блоков. Надо перечитать правила, а то методом тыка хреново.

Edited March 18, 2011 by Pashkes

[Pashkes]

спозиционировал, только вот все колонки в основной части вложены в контейнер с белым фоном и закругленными уголками внизу и этот контейнер должен быть залит белым фоном и изменять высоту в зависимости от высоты содержимого, но этого не происходит почему то, вот на картинке показал как я хочю, там белый верх должен опуститься и фон на заднем плане контента должен стать белым. http://youpic.su/view.php?id=s002.youpic.su/pictures/1300395600/536dc8a59be5e8687521eff8f5d201ab.gif

Edited March 18, 2011 by Pashkes

[wanntuzz]

чего проще уж! #container должен быть overflow:hidden, а .bg-bottom-container должен быть clear:both

а че!? хотя бы попробуй!

[Pashkes]

  On 3/18/2011 at 9:17 PM, wanntuzz said:

чего проще уж! #container должен быть overflow:hidden, а .bg-bottom-container должен быть clear:both

а че!? хотя бы попробуй!

Сработало.Спасибо за подсказку. На ошибках учатся как говориться, теперь буду знать.

[wanntuzz]

Сработало? А в IE6 тоже сработало? Не должно же!

Хотя слушай ты больше, чего тебе тут наболтает старый дурак Иван Туз. overflow:hidden в твоей задаче совсем необязательно, достаточно этой блямбы снизу, которой clear:both. Она же в потоке, а не как эти колонки с float'ами. Вот поток и растянется вниз куда надо, и блок окрасится белым.

[Pashkes]

overflow:hidden, убрал, осталось без изменений, только в IE закругленных уголков внизу контейнера нет http://pashkes24.narod.ru/

И еще мне кажется я слишком много блоков использую. Тебе так не кажется.

Edited March 18, 2011 by Pashkes

[wanntuzz]

послушай, дружище, а там действительно нужно <div> с фоном, или можно просто картинку поставить?

[Pashkes]

  On 3/18/2011 at 10:22 PM, wanntuzz said:

послушай, дружище, а там действительно нужно <div> с фоном, или можно просто картинку поставить?

где там, непонял

[wanntuzz]

  On 3/18/2011 at 10:11 PM, Pashkes said:

overflow:hidden, убрал, осталось без изменений

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

  On 3/18/2011 at 10:24 PM, Pashkes said:

где там, непонял

где нижние закругления. Можно было не див с картинкой на фоне, а <img>, и ему указать clear:both - чОтче работать будет.

[Pashkes]

  On 3/18/2011 at 9:17 PM, wanntuzz said:

чего проще уж! #container должен быть overflow:hidden, а .bg-bottom-container должен быть clear:both

а че!? хотя бы попробуй!

Работает только в 5,7 и 8.

нижний блок заменил картинкой, норм вышло, только в 7 и 9 IE белого холста нет под блоками

[Pashkes]

  On 3/18/2011 at 10:31 PM, wanntuzz said:

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

overflow: hidden; в контейнере там был лишний потому что фон и так должен был отображаться если бы не не блок который отображал скругленные углы под всеми блоками внутри блока контейнер, он и мешал показывать фон потому что в контейнере были блоки обтекаемые и добавив значение clear:both нижнему блоку я тем самым отменил обтекание, поэтому и ширма с фоном опустилась. Правильно я понял?

Edited March 19, 2011 by Pashkes