Jump to content
  • 0

Опять непонятный баг в IE6


TonKhaO
 Share

Question

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

тут вот сайт http://www.tatyanavais.ru/tehnolog.html проблема похожая но тут ситуация круче так как фон сзади градиентный поэтому предыдущий вариант не сгодился так как там картинки с уголками имеют пнг прозрачность

в этоге сделал немного добавив кода а именно вот кусок кода

<div id="left_area_top">

<div id="left_area_top_left"><img alt="" src="images/left_top_c.png"></div>

<div id="left_area_top_right"><img alt="" src="images/right_top_c.png"></div>

<div id="left_area_top_stretch"></div>

</div>

как видите в конце я просто добавил третий вложенный див, в данном случае left_area_top_stretch у которого левые и правые маргины равны размерам картинок, думаю онятно для чего

в итоге везде кул кроме любимого ИЕ6, не пойму в чем дело, подскажите плз! зумы вроде везде проставил. да и overflow тоже где нужно, даже проставил font-size: 1px для блока с картинками но не помогло! там еще юзает iepngfix

Баг в ИЕ vais.jpg

Link to comment
Share on other sites

19 answers to this question

Recommended Posts

  • 0
1) Не делай уголки ИМгой, делай фоном

ты имеешь ввиду пустой див с фиксированной высотой шириной и фоном?

2) Если юзаешь пнг-фикс, то и делай для всех одинаково

эээ, одинаково что именно? у меня там и так вроде усе одинаково, или я что то упустил?

Link to comment
Share on other sites

  • 0
ты имеешь ввиду пустой див с фиксированной высотой шириной и фоном?

эээ, одинаково что именно? у меня там и так вроде усе одинаково, или я что то упустил?

1) ДА

2) В плане в самом пнг-фиксе просто пиши класс дива, в котором пнг-фон.

Link to comment
Share on other sites

  • 0

переделал в пустые дивы с бэкграундом и к стилям добавил pngfix тож самое http://www.tatyanavais.ru/tehnolog.html :)

такое впечатление что у внешних блоков например left_area_top образуется лишний либо паддинг либо маргин

Link to comment
Share on other sites

  • 0
переделал в пустые дивы с бэкграундом и к стилям добавил pngfix тож самое http://www.tatyanavais.ru/tehnolog.html B)

такое впечатление что у внешних блоков например left_area_top образуется лишний либо паддинг либо маргин

У меня как-то раз был такой случай, я забил на флоат и сделал углы на абсолюте. :( ИЕ6 - это загадка, которую иногда лень разгадывать :)

Link to comment
Share on other sites

  • 0
У меня как-то раз был такой случай, я забил на флоат и сделал углы на абсолюте. B) ИЕ6 - это загадка, которую иногда лень разгадывать :(

эм, помнишь я же пытался сделать на другом сайте первоначально как раз на абсолюте углы и там нихние уголки на пиксель в шетом уходили за края, или ты имеешь ввиду сделать абслоютом прямо в такой же структуре, тока поменять все флоаты на абсолюты? так? :)

Link to comment
Share on other sites

  • 0
эм, помнишь я же пытался сделать на другом сайте первоначально как раз на абсолюте углы и там нихние уголки на пиксель в шетом уходили за края, или ты имеешь ввиду сделать абслоютом прямо в такой же структуре, тока поменять все флоаты на абсолюты? так? :)

ДА.

Link to comment
Share on other sites

  • 0
ок, вечером отпишу, по идее должно получиться, там же не прийдется эти абсолюты сдвигать вниз на 100% а просто влево вправо ))) фув, с богом :)

Давай, удачи тебе дружище. B)

Link to comment
Share on other sites

  • 0

Сори что так долго не отвечал, завал в делах, вобчем поменял на абсолюты, ссылка прежняя http://tatyanavais.ru/tehnolog.html

боковые маргины у верхний и нижний контейнеров (которые с суффиксом "_stretch") подправились, но а вот высота у внешний контейнеров (например left_area_top) по-прежнему превышает на 3 пикселя нежели у остальных браузеров! В ие6 высота 14 пикселей, откуда 3 пикселя взялись понять не могу! Все проставил что возможно было line-height, font-size, height, zoom, маргины и паддинги у них все на нуле! -_-

IE6:

ltr.jpg

Link to comment
Share on other sites

  • 0
Опять ты хернёй занимаешься, я тебя как учил углы делать?

http://psywalker.ru/Box/box5/main.html

Уолкер спасибо дружище! Да твой вариант и правилен и компактен, у тя на один div меньше!

НО и я не с пустыми руками, я нашел косяк то, никто видимо как я и не заметил, вобчем див left_area_top_stretch (который кстати я уберы), он был тоже ведь внутри враппера. для враппера я проставил font-size: 1px; а для left_area_top_stretch забыл ))) потому высота и была больше!

ВОБЧЕМ ДЕНЬ НАЧАЛЬСЯ С ПОЗИТИВА! РЕбят не забывает что font-size жесток к IE6 и даже если у вас див выслта задана 1пыксель а шрифт на сайте порядке 12пыкселей то этот пустой див будет как раз 12 пикселей, то есть нулевой текст его все ранво будет распирать -_-

PS: Уолкер щас, переделаю по твоему варианту :(

Link to comment
Share on other sites

  • 0
Уолкер спасибо дружище! Да твой вариант и правилен и компактен, у тя на один div меньше!

НО и я не с пустыми руками, я нашел косяк то, никто видимо как я и не заметил, вобчем див left_area_top_stretch (который кстати я уберы), он был тоже ведь внутри враппера. для враппера я проставил font-size: 1px; а для left_area_top_stretch забыл ))) потому высота и была больше!

ВОБЧЕМ ДЕНЬ НАЧАЛЬСЯ С ПОЗИТИВА! РЕбят не забывает что font-size жесток к IE6 и даже если у вас див выслта задана 1пыксель а шрифт на сайте порядке 12пыкселей то этот пустой див будет как раз 12 пикселей, то есть нулевой текст его все ранво будет распирать -_-

PS: Уолкер щас, переделаю по твоему варианту :(

Давай, сообщишь результат :)

Link to comment
Share on other sites

  • 0

Все нормал! http://tatyanavais.ru/tehnolog.html переделал, таперь везде кроссбраузерно, Уолкер кстати вот вопрос. раньше я юзал чтобы выровнять через абсолют справа такую запись left: 100%; margin-left: -отриц ширина блока

ты юзаешь через right, думаю это логичнее, юзать right кроссбраузерно для всех, проблем не было?

и еще я заметил ты left для правого блока ставишь в auto - честно не понял для чего -_-

Link to comment
Share on other sites

  • 0
Все нормал! http://tatyanavais.ru/tehnolog.html переделал, таперь везде кроссбраузерно, Уолкер кстати вот вопрос. раньше я юзал чтобы выровнять через абсолют справа такую запись left: 100%; margin-left: -отриц ширина блока

ты юзаешь через right, думаю это логичнее, юзать right кроссбраузерно для всех, проблем не было?

и еще я заметил ты left для правого блока ставишь в auto - честно не понял для чего -_-

1) Да нахрен лишний маргин нужен, лишние траблы и код, делаешь на абсолюте, им же и отодвигай.

2) Лефт поставил в авто спецом. чтобы расчитать слева отступ, я же до этого селекторы группировал, видел? Там оступ одинаковый у всех, поэтому у Лефта потом поставил в авто.

Link to comment
Share on other sites

  • 0
1) Да нахрен лишний маргин нужен, лишние траблы и код, делаешь на абсолюте, им же и отодвигай.

2) Лефт поставил в авто спецом. чтобы расчитать слева отступ, я же до этого селекторы группировал, видел? Там оступ одинаковый у всех, поэтому у Лефта потом поставил в авто.

ааа, все понял тя )))

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