Jump to content
  • 0

Блок улетает вниз в IE7

andx

Asked by andx,

 Share

Question

andx Explorer

andx

Posted
Posted

Привет!

Подскажите пожалуйста как мне укротить упрямого тупого осла под названием IE7 (в ИЕ6 наверное также) ? Везде ДИВ 3 и ДИВ 4 нормально отображаются, даже в ИЕ8. А в ИЕ7 они улетают вниз. Пробовал их вкладывать в 1 общий ДИВ но не помогло.

В картинке шлю скрин проблемы. Сайт где посмотреть вживую -- http://av-sport.ru/

problem.png

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0
psywalker Explorer

psywalker

Posted
Posted

Отт ты смотри, а, какая интересная смесь таблиц и дивов :angry:

Сделай по другому сценарию дружище, переверстай нормально слоями, без таблиц и всё у тебя будет гуд.

А по сабжу:

1) У блока #content убей float: right; и поставь{overflow:hidden;}

2) В ИЕ6 пропиши ещё zoom:1; для негоже

3) Настрой правильные отступы, только пляши от блока левого, именно у него задавай правые отступы

Link to comment
Share on other sites
  • 0
andx Explorer

andx

Posted
  • Author
Posted (edited)

:angry:

Да это я так быстро сделал закругленные углы с пом-ю таблиц. Этот сайт нужен был "еще вчера", нет времени на изучение техник.

Спасибо за ответ, буду пробовать всетки оставлять таблицы, тем более контентная таблица она внутри слоя, так что те таблицы не должны влиять (хотя не знаю, пока еще не спец я в этом). На переверстку нет времени, отпишусь как чего!

Edited by andx
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
:D

Да это я так быстро сделал закругленные углы с пом-ю таблиц. Этот сайт нужен был "еще вчера", нет времени на изучение техник.

Спасибо за ответ, буду пробовать всетки оставлять таблицы, тем более контентная таблица она внутри слоя, так что те таблицы не должны влиять (хотя не знаю, пока еще не спец я в этом). На переверстку нет времени, отпишусь как чего!

давай топай, отпишешься тогда :angry:

Link to comment
Share on other sites
  • 0
andx Explorer

andx

Posted
  • Author
Posted

неа... не получилось. Отступы у левого блока сделал, у content убрал float, добавил overflow. Пробовал еще добавлять/убирать zoom но толку ноль. Теперь в нормальных бравзерах блок content ушел вверх вытолкнув ДИВ navbar (он всплыл посередине страницы среди товара). Я еще заметил странность - firebug показывает что блоки navbar и content находятся вне блока midwrapper, хотя проверил разметку, вложенность правильная, они в нем, лишних или недостающих </div> нету... Правку оставил гляньте плиз

prob2.png

Link to comment
Share on other sites
  • 0
andx Explorer

andx

Posted
  • Author
Posted
а нахрена ты ширину поставил блоку #content, попробуй её убрать

Убрал...

я токо что из дополнительного сделал: для дивов navbar и content сделал родительский див cont01, ему тоже поставил оверфло и зум, но не помогает :angry:

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted (edited)
Убрал...

я токо что из дополнительного сделал: для дивов navbar и content сделал родительский див cont01, ему тоже поставил оверфло и зум, но не помогает :angry:

блин, ну чтож такое то, вот так вот сделай середину тупо:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
	<style type="text/css">
		*{ margin: 0; padding: 0;}
		div.left { float: left; width: 350px; background: red;}
		div.content { margin-left: 350px; background: blue;}
	</style>
</head>

<body>
	<div class="left">LEFT</div>
	<div class="content">CONTENT</div>
</body>
</html>

Если всё правильно расположишь и код такой воткнёшь, никаких zoom:1; даже не понадобиться и в ИЕ6 будет полный порядок :D

Edited by psywalker
Link to comment
Share on other sites
  • 0
andx Explorer

andx

Posted
  • Author
Posted (edited)
блин, ну чтож такое то, вот так вот сделай середину тупо:

Если всё правильно расположишь и код такой воткнёшь, никаких zoom:1; даже не понадобиться и в ИЕ6 будет полный порядок :angry:

Вот сделал, теперь видно границы блоков изза красных и синих фонов... но осталось также в осле

Ура! я победил эту сволочь! Мне неожиданно пришла в голову идея поставить display:inline для midwrapper !! Большое тебе спасибо psywalker!! Терь буду справляться с формой поиска, она убегает от своей картинки :D))

Edited by andx
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
Вот сделал, теперь видно границы блоков изза красных и синих фонов... но осталось также в осле

Ура! я победил эту сволочь! Мне неожиданно пришла в голову идея поставить display:inline для midwrapper !! Большое тебе спасибо psywalker!! Терь буду справляться с формой поиска, она убегает от своей картинки :D))

Да не за что, ты главное на будущее запомни: Изначально надо обо всём заботиться, сразу верстать и писать правильный код, тогда и в будущем проблем с твоим сайтом не будет :angry:

Link to comment
Share on other sites
  • 0
andx Explorer

andx

Posted
  • Author
Posted

в чем-то согласен... вот так и бывает. Я частенько следую в жизни принципу -- "главное ввязаться в бой, а там разберемся". А подходить к делу основательно, это можно долго сидеть "на скамье запасных" изучая досконально предмет. Уж лучше так, вот как раз на задачах и получаю опыт.

Пользуясь случаем, попрошу дать ссылки на хорошие с вашей точки зрения книги по css/html :angry: если такие есть

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

А я сначала тоже как ты делал, бросался в бой, потом запутывался в паутине того, что наворотил, а потом спрашивал 1000 вопросов на форуме, сидел разбирался с ошибками и т. д. А вот щас уже такое редко происходит, потому-что понял, что это огромная трата времени, да и опыта стало побольше, поэтому стараюсь сразу делать всё правильно.

А насчёт книжек советую вот эти купить, заказать.. :angry:

http://www.ozon.ru/context/detail/id/4729925/

http://www.ozon.ru/context/detail/id/3881079/

http://www.ozon.ru/context/detail/id/3221769/

Давай, удачи тебе :D

Link to comment
Share on other sites
  • 0
andx Explorer

andx

Posted
  • Author
Posted
А я сначала тоже как ты делал, бросался в бой, потом запутывался в паутине того, что наворотил, а потом спрашивал 1000 вопросов на форуме, сидел разбирался с ошибками и т. д. А вот щас уже такое редко происходит, потому-что понял, что это огромная трата времени, да и опыта стало побольше, поэтому стараюсь сразу делать всё правильно.

А насчёт книжек советую вот эти купить, заказать.. :angry:

http://www.ozon.ru/context/detail/id/4729925/

http://www.ozon.ru/context/detail/id/3881079/

http://www.ozon.ru/context/detail/id/3221769/

Давай, удачи тебе :D

Спасибо! Начну с последней книжки 2009 года!

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
Спасибо! Начну с последней книжки 2009 года!

Нее, не надо, смотри: Начни лучше с http://www.ozon.ru/context/detail/id/4729925/, далее переходи на http://www.ozon.ru/context/detail/id/3221769/, ну а потом уже только http://www.ozon.ru/context/detail/id/3881079/ :angry:

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
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • 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

  I accept