Jump to content
  • 0

Отступы сверху везде кроме IE


karel
 Share

Question

Привет всем, ребята помогите разобраться не могу найти где ошибка вот сайт http://www.mebelin.ucoz.ru/ , сверху есть отступ везде кроме IE, помогите его снять :D

Edited by karel
Link to comment
Share on other sites

19 answers to this question

Recommended Posts

  • 0

Сотый раз уже пишу: не делайте пустых строк до доктайпа и до тэга <html>

ИЕ6 вообще не понимает доктайпа, если перед ним есть еще что-то, он переходит в режим совместимости и работает не по стандартам.

Link to comment
Share on other sites

  • 0
Сотый раз уже пишу: не делайте пустых строк до доктайпа и до тэга <html>

ИЕ6 вообще не понимает доктайпа, если перед ним есть еще что-то, он переходит в режим совместимости и работает не по стандартам.

Стой, кажется наоборот человек имеет ввиду, что Есть отступы Везде КРОМЕ ИЕ? или я ошибаюсь? :D

Link to comment
Share on other sites

  • 0
Стой, кажется наоборот человек имеет ввиду, что Есть отступы Везде КРОМЕ ИЕ? или я ошибаюсь? :D

Я так и понял. Это скорее всего из-за пустой строки после доктайпа, перед <html>... А по поводу ИЕ6 я уже не относительно отступа писал...

Link to comment
Share on other sites

  • 0
Я так и понял. Это скорее всего из-за пустой строки после доктайпа, перед <html>... А по поводу ИЕ6 я уже не относительно отступа писал...

Переносы везде снял, проблема осталась, в ИЕ отступа сверху нет, во всех других браузерах есть, код уже весь перерыл но не могу понять где проблема :D

Link to comment
Share on other sites

  • 0
Это скорее всего из-за пустой строки после доктайпа, перед <html>

Прежде чем гадать, неплохо бы вникнуть. То, что после доктайпа, на режим не влияет, а то, что перед — влияет только в IE6 (и то пробелы и переносы строк не влияют). А тут проблема (точнее, иллюзия ее отсутствия:) есть и в IE7.

Отступ появляется из-за "продавливания" верхнего margin-а от <ul> в <div id="head">, обнулить ему margin-ы — отступы исчезнут. А в IE6-7 margin не "продавливается", т.к. у <div id="header"> задана высота, и это включает ему hasLayout, который ведет себя не по стандартам. В IE8 hasLayout-а нет, и отступ появляется (как везде). Вот так-то!

Link to comment
Share on other sites

  • 0

Всем привет опять возникла проблема по отступам но теперь сбоков, браузеры ведут себя по разному, как привести код в такое состояние что бы они вели себя одинково ? Я искал перерыл все что знал по коду эксперементиров но без результатно , www.mebelin.ucoz.ru

Link to comment
Share on other sites

  • 0

psywalker да это картинки png которые стоят как фон, где мне можно взять эти фильтры ? Еще есть не большая проблемка в IE6 фона нет скрипты которые я нашел не помогают :)

Link to comment
Share on other sites

  • 0

1) Вот тебе сайт http://psywalker.ru/MoneyTREE/ , дерево сверху-справа ПНГ картинка, она находиться в блоке #head

2) Вот для него код в общих стилях .tree { right: 3em; bottom: -.5em; width: 29.2em; height: 31.2em;}

3) А вот в стилях для ИЕ6:

#head .tree {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/tree.png',sizingMethod='crop');background: none;}

Тоесть я:

3.1 Указал обязательные размеры для ПНГ картинки: width: 29.2em; height: 31.2em;

3.2 В стилях для ИЕ6 Отменил Фон у картинки background: none; и назначил фильтр: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/tree.png',sizingMethod='crop');

3.3 Есть ещё один нюанс: Вот это слово окончание в фильтре: crop означает, что твоя картинка имеет определённые размеры и не будет растягиваться, а ещё есть значение scale, оно пишется в том случае, если у тебя картинка должна тянуться на всю ширину, например какой нибудь фон

Edited by psywalker
Link to comment
Share on other sites

  • 0

Ребята нужен совет вот на сайте http://mebelin.ucoz.ru/ возникло несколько проблем в IE6 (1) Не могу сделать прозрачность PNG24 картинок уже много скриптов перепробовал и всего такого но все равно не помогает (верхний совет от psywalker пробовал настроить но что то не получается) (2) Картинки в шапке при сужение экрана скатываются а должен срабатывать скролл.

Заранее спасибо :)

Link to comment
Share on other sites

  • 0
Ребята нужен совет вот на сайте http://mebelin.ucoz.ru/ возникло несколько проблем в IE6 (1) Не могу сделать прозрачность PNG24 картинок уже много скриптов перепробовал и всего такого но все равно не помогает (верхний совет от psywalker пробовал настроить но что то не получается) (2) Картинки в шапке при сужение экрана скатываются а должен срабатывать скролл.

Заранее спасибо :)

Всмысле "сделайте это все для меня забесплатна? А то мне надоело самому"

Link to comment
Share on other sites

  • 0
Всмысле "сделайте это все для меня забесплатна? А то мне надоело самому"

Ну я же ни где такого не писал, зачем же вы так :) Просто может у меня закралась где то ошибка, например я где то читал что файлы надо делать не png24 а png8 или что например в фотошопе нельзя сделать прозрачный фон а нужно делать в проге фрайворк, везде много что написано я много че пробовал и не понимаю где ошибка так что просто прошу совета.

Link to comment
Share on other sites

  • 0

Может какие нить хоть ссылки хорошие скинете по этому вопросу :)

Еще одна проблема когда смотрю дома файлы, через серв денвер да и просто, как скидываю их на хост ucoz то верстка уже ни фига не кросбраузерная становица, может мне надо сменить хост ? у них там своя cms может она все и портит ?

Edited by karel
Link to comment
Share on other sites

  • 0

Searcher Спасибо за комментарий я человек не опытный, но теперь сам убедился в твоем весомом комменте, я сейчас регистрирую хост на www.ho.ua , что скажешь об этом хосте ? Или можешь посоветовать более менее нормальный хост что бы мне туда скидывать свои верстки а было бы вообще хорошо если бы на этом хосте еще была халявная поддержка php и mysql :)

Link to comment
Share on other sites

  • 0

Все разобрался все настроил http://www.raura.ho.ua/meb/ вот здесь работа осталось только одна проблема для меня это то что скатываются блоки в шапке в IE6 , как их зафиксировать ?

И если не трудно критика по коду, что не так что лучше исправить, я новечек так что это будет очень полезно для меня :)

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