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
×
×
  • 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