Jump to content
  • 0

Проблема с IE


Pashkes
 Share

Question

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

Link to comment
Share on other sites

21 answers to this question

Recommended Posts

  • 0

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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

Edited by Pashkes
Link to comment
Share on other sites

  • 0

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

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

  • 0

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

Edited by Pashkes
Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

  • 0

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

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

Link to comment
Share on other sites

  • 0

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

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

Edited by Pashkes
Link to comment
Share on other sites

  • 0

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

Edited by Pashkes
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy