Jump to content
  • 0

внизу 3 пустых экрана образовалось...

agaralex

Asked by agaralex,

 Share

Question

agaralex Explorer

agaralex

Posted
Posted

Создаю верстку, проверяю в хроме... Сделал - проверил в IE 7 и понял, что накосячил! )))

Можете найти в каких тегах или стилях кроется лишнее или ошибочное? ))

http://newsushiline.ru.r01-service.ru/www/index.htm

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
agaralex Explorer

agaralex

Posted
  • Author
Posted

Точно ошибка - вес или цену выводить картинкой.

У вас там очень некроссбраузерно все. В ФФ8 тоже не все гладко.

вес и цена справа и вверху пока временно картинкой... ))

В центре все товары уже сверстаны.

Кроссбраузерность - это тема конечно. Но не пойму откуда в IE образуется внизу несколько экранов пустых? в нормальных я хотя бы обрезаю низ высотой и скрытием лишнего. А ie не понимает таких css. Понять бы какие теги или стили вызывают увеличение нижнего поля - дак и не использовать их в верстке...

Предполагаю, что зря я начал все на дивах рисовать - лучше бы и надежнее на таблицах все сделать...

Link to comment
Share on other sites
  • 0
agaralex Explorer

agaralex

Posted
  • Author
Posted
А ie не понимает таких css.

У вас по факту любой IE — пятый. Потому и не понимает элементарного.

я начал все на дивах рисовать

пардон, где? ;)

<div>ы, а всегда использовал table - с ними как-то однозначнее для браузеров...

Что порекомендуете поправить?

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Для начала доктайп поставьте, чтобы перевести браузеры из XX века в XXI.

И при беглом просмотре вашей верстки у меня сложилось впечатление, что основа у нее табличная, а роль дивов сведена к навешиванию круголков (для чего вообще-то существует border-radius)...

Link to comment
Share on other sites
  • 0
agaralex Explorer

agaralex

Posted
  • Author
Posted (edited)

Для начала доктайп поставьте, чтобы перевести браузеры из XX века в XXI.

И при беглом просмотре вашей верстки у меня сложилось впечатление, что основа у нее табличная, а роль дивов сведена к навешиванию круголков (для чего вообще-то существует border-radius)...

нужно чтобы работало в браузерах начиная с 7 ie

Доктайп установил переходный. Теперь в ie 7 вообще не показывает сайт...

http://newsushiline.ru.r01-service.ru/usinsk/rolly/

Чувствую, придется переделывать верстку, т.к. эту уже не довести до универсальности. Верно? Или есть шанс?

Edited by agaralex
Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Доктайп лучше ставить сразу взрослый, <!DOCTYPE html> (всё равно до валидности этой верстке далековато), но не в этом суть. А что в #top-table видны только верхние 118px контента - так это логично и естественно, вы ж сами это заказали в стр. 101-102 CSS-файла. Отлаживайте. Для начала уберите все overflow:hidden, чтобы просто увидеть контент - куда его разбросает по стандартам. И зачем столько раз height: 100%?

Вообще, конечно, отлаживать это трудно - слишком много избыточного хлама. Может, самое время набраться смелости и действительно сверстать это дивами? ;)

Link to comment
Share on other sites
  • 0
agaralex Explorer

agaralex

Posted
  • Author
Posted

Доктайп лучше ставить сразу взрослый, <!DOCTYPE html> (всё равно до валидности этой верстке далековато), но не в этом суть. А что в #top-table видны только верхние 118px контента - так это логично и естественно, вы ж сами это заказали в стр. 101-102 CSS-файла. Отлаживайте. Для начала уберите все overflow:hidden, чтобы просто увидеть контент - куда его разбросает по стандартам. И зачем столько раз height: 100%?

Вообще, конечно, отлаживать это трудно - слишком много избыточного хлама. Может, самое время набраться смелости и действительно сверстать это дивами? ;)

От избыточных экранов избавился - убрал все хайт100% и оверфлоу хидден

Теперь понимаю, что IE и хром по-разному обрабатывают красный пиксел распределенный по-вертикали - на странице http://newsushiline.ru.r01-service.ru/usinsk/rolly/ это видно

Можете подсказать в чем дело? И в IE красный пиксел разрывается белым на линиях сетки, толщина которых выставлена 0 - но разрыв все-равно есть. В хроме такого не наблюдается...

Вообще теперь понимаю почему ie все так ненавидят... ))

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