Глюк в IE6 (( Помогите!

[HelgaOz]

Помогите, пожалуйста, разобраться! В ИЕ6 не оборачивает в див( в остальных браузерх ОК.

Скриншот в ИЕ6:

Скриншот в других браузерах:

вот HTML:

<div id="wrapper">
  <div id="content" >
	<div class="contactimg"> <p>LEFT COLUMN</p> </div>
	<div class="product"> <p>RIGHT COLUMN</p> </div>
  </div>
</div>

вот CSS:

#wrapper {width: 934px;	margin: 0 auto;padding: 0;  margin-top: 0px;}
#content {background-color: #716d67; padding: 7px; position: relative; top:0px; left: 0;  clear:none; overflow: hidden;  }
.contactimg {  border: 5px #8c887a solid; float: left; }
.product {	float: left; margin: 0 0 0 20px; padding: 0 14px 0 0; width: 495px;  }

Edited August 13, 2009 by HelgaOz

[rus]

а что именно глючит, опишите подробней.

[HelgaOz]

простите, скриншоты забыла, уже в первом посте исправила!

[psywalker]

Пропиши zoom:1; блоку id="content"

Edited August 13, 2009 by psywalker

[HelgaOz]

ухты!!! заработало, спасибо!!!!!!!)))

[psywalker]

ухты!!! заработало, спасибо!!!!!!!)))

Ещё бы

[Justnewone]

Вероятнее всего #content надо zoom:1

Вот что значит отвлекся и сразу не отправил =)

Edited August 13, 2009 by Justnewone

[HelgaOz]

огромное спасибо! пойду читать про zoom!

[psywalker]

огромное спасибо! пойду читать про zoom!

Советую тебе прочитать не только про zoom, но и подучить и главное понять CSS в целом!

[mini]

Советую тебе прочитать не только про zoom, но и подучить и главное понять CSS в целом!

а разве zoom валиден?

[psywalker]

а разве zoom валиден?

А разве не существует условных комментариев для ИЕ6-7?

[mini]

А разве не существует условных комментариев для ИЕ6-7?

Вы так и обьясните что нужно или закоментить или в отдельный файл для ИЕ

[rash]

а разве zoom валиден?

А разве css имеет смысл валидировать?

[Justnewone]

А разве css имеет смысл валидировать?

А Вы разве эстетическое удовльствие не испытываете? =)

[rash]

А Вы разве эстетическое удовльствие не испытываете? =)

От выполнения бессмысленных действий - нет. Если валидация HTML еще имеет какой-то смысл, то созерцание валидного кода доставляет удовольствие. С CSS все иначе :-)

[mini]

Если есть два элемента у которых float (влево или в право), то их нужно завернуть в бок и этому боксу задать стили overflow:hidden; или height: ; или width: ; на усмотрение, но всё что будет вылазить из этого бокса будет обрезаться и невидимым. Или второй способ, вконце зафлоченых блоков поставить пустой ДИВ со стилями clear:both.

PS: Можете ещё поискать способы!!!

А разве css имеет смысл валидировать?

ну по крайней мере W3C требует, что бы стили были валидными, ну а это уже Ваше дело нужно валидить или нет

[rash]

ну по крайней мере W3C требует, что бы стили были валидными, ну а это уже Ваше дело нужно валидить или нет

Они-то требуют, браузеры не требуют...

[mini]

Они-то требуют, браузеры не требуют...

а что браузеры требуют что бы HTML был валидны?

[Justnewone]

От выполнения бессмысленных действий - нет. Если валидация HTML еще имеет какой-то смысл, то созерцание валидного кода доставляет удовольствие. С CSS все иначе :-)

У меня вот 100% ТЗ ставятся с зелеными квадратиками, обоими. Сначала бесило, потом привык, а потом даже нашел плюсы. Экранирую четкую версию браузера, если это IE6 - то никто никогда не увидит костыль. Читал, не сталкивался, что Сафари новый стал понимать zoom, кто гарантирует, что он или еще кто хаки ословые в будущем не начнет понимать? Переделывать крайне не люблю. Тем более если CSS строк на тыщи четыре - утомительно ). Заодно - отвалился IE6, допустим, он у сотой части процента - просто отцепил CSS и все, нету его.

[psywalker]

Если есть два элемента у которых float (влево или в право), то их нужно завернуть в бок и этому боксу задать стили overflow:hidden; или height: ; или width: ; на усмотрение, но всё что будет вылазить из этого бокса будет обрезаться и невидимым. Или второй способ, вконце зафлоченых блоков поставить пустой ДИВ со стилями clear:both.

Вообще правильно было бы обернуть зафлоатиные блоки в один-Главный блок и ему назначить свойство overflow:hidden;, а для ИЕ6 - zoom:1;

Насчёт второго способа - невкоем случае, это считается плохим тоном, далее это плодит лишние контейнеры и если ты знаешь своё дело, то тебе никогда не понадобится этот способ!

А разве css имеет смысл валидировать?

Имеет смысл, потому что это тренирует хорошую привычку опять-же, далее это подразумевает соответствие кода синтаксическим правилам в соответствии со спецификацией, в нашем случае CSS2.1, а потом ты предлогаешь забить на это, забьёшь на одну ошибку, другую, третью и так далее в конце может круто сыграть на твоей работе, где нибудь какая нибудь ошибка явно даст о себе знать! Я очень рад, что придумали Валидатор, очень полезная и Нужная вещь. Ну и в конце концов молодым нужно показывать хороший пример и учить их хорошему тону!

[альберt]

а где можно найти информацию (на русском) про zoom:1?

[psywalker]

Начни отсюда http://habrahabr.ru/blogs/webdev/50175/

[альберt]

мне б понять что делает этот параметр)

[psywalker]

мне б понять что делает этот параметр)

Там всё написано, лучше я тебе сказать не смогу явно!

[mini]

Вообще правильно было бы обернуть зафлоатиные блоки в один-Главный блок и ему назначить свойство overflow:hidden;, а для ИЕ6 - zoom:1;

Насчёт второго способа - невкоем случае, это считается плохим тоном, далее это плодит лишние контейнеры и если ты знаешь своё дело, то тебе никогда не понадобится этот способ!

Видать Вы ещё не верстали выпадающее меню когда на хедер нельзя поставить overflow:hidden, вот как раз тут и помогает второй способ. Хотя второй способ использую редко, но всё иногда без него не обойтись...

[psywalker]

Видать Вы ещё не верстали выпадающее меню когда на хедер нельзя поставить overflow:hidden, вот как раз тут и помогает второй способ. Хотя второй способ использую редко, но всё иногда без него не обойтись..

Если бы мне попалась задача такого рода, то Хедер, да и вообще что угодно, то я бы делал это так, как нужно делать, и мне плевать на всякие overflow:hidden и прочие вещи, я всегда смотрю на ситуацию и уже исхожу из того, что вижу