Изучаем наличие layout перевод

Веб-разработка*

Примечание: ниже представлен официальный перевод статьи «On having Layout» на русский язык. Статья не является окончательной. Этот перевод отражает 9 версию от 23.10.2007.

UPD текст статьи полностью убран в связи с его неконтролируемыми изменениями с момента публикации.

+43

4 сентября 2007, 13:47

240

Ingo Chao

sunnybear 167,4

комментарии (47)

BAHO 4 сентября 2007, 15:21 #

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

BAHO 4 сентября 2007, 16:59 # ↑

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

Или минус уже стал альтернативой обсуждения?

sunnybear 4 сентября 2007, 23:01 # ↑

это перевод цельной статьи с кучей дополнительных ссылок. Она во всех переводах идет цельным материалом, особого смысла разбивать на разделы не вижу (к тому же, может потеряться нить повествования).

Может быть, руки дойдут до других частей и заметок, на которые в данной статье даны ссылки.

quard 4 сентября 2007, 15:41 #

layout - это что-то вроде панацеи от бед в ИЕ?

З.Ы. Оглавление лучше вверх наверно.

dimaniko 4 сентября 2007, 16:33 # ↑

Это причина части бед.

sokiche 4 сентября 2007, 15:47 #

Спасибо!

НЛО прилетело и опубликовало эту надпись здесь

kaoz 4 сентября 2007, 16:07 #

спасибо огромное! автор и вы проделали замечательную работу.. очень жду продолжения!

n1mnul 4 сентября 2007, 16:07 #

Полезно тем, у кого плохо с английским и не может прочитать оригинал.
А вообще - молодец, спасибо.

Apostol 4 сентября 2007, 16:26 #

Ужасно напрягают повторения одних и тех же утверждений по 20 раз. Из-за таких приёмов пропадает желание дочитывать до конца.

siteograf 4 сентября 2007, 17:13 #

Объясните мне пожалуйста доходчиво, какая последовательность мыслей должна быть при виде глюка IE?
1) проверить Ява-скриптом значение Layout у проблемного Div-а и близ лежащих;
2) пытаться все переключить на hasLayout=false при помощи трюков типа zoom:1

Или я не правильно мыслю?

Flack 4 сентября 2007, 17:16 # ↑

Применить последовательно правила, включающие hasLayout, на глючащий элемент. В 9 случаях из 10 этого хватает для укрощения ИЕ. Через JS проверять излишне.

siteograf 4 сентября 2007, 17:29 # ↑

Т.о. наша цель включить hasLayout (true) для глючащего элемента?

Если же глюк есть у блока, в то время как hasLayout=true, значит не в нем причина?

Flack 4 сентября 2007, 17:32 # ↑

Да.
Да.

rossomachin 4 сентября 2007, 17:19 #

Читаю статью уже не первый раз и снова после прочтения приходит мысль о том, какой же это всё-таки весёлый балаган — кроссбраузерная вёрстка. Это дело надо любить и уважать, и тогда даже эти заморочки будут приносить удовольствие.

sunnybear, спасибо за перевод.

Victor_R 4 сентября 2007, 17:48 # ↑

Цирк уехал — клоуны остались!
По роду деятельности тоже приходится заниматься кроссбраузерной версткой.
Как же все-таки обидно, что вместо того, чтобы делать структурную разметку (семантическая верстка, выделение смысла элементов и т.д.) приходится тратить время на то, чтобы это пристойно выглядело в IE (удовольствие от этого какое-то не радостное).

А статья сильная. Автору и переводчику респект!

kost_bebix 4 сентября 2007, 17:30 #

Статья отличная. Правда имхо, примеров мало, надо бы наоборот пихать все примерами (+ скриншотами можно) чтоб можно было сравнивать.

denver 4 сентября 2007, 19:11 # ↑

Вот здесь есть демонстрация и решения по-мойму для всех багов IE (в IE7 некоторые уже не воспроизводятся). Хозяйке на заметку :)

kost_bebix 4 сентября 2007, 19:32 # ↑

Хмм... очень интересно.

Вообще я думал как-то заняться проектом аля "IE2FF". Это представляло бы собой один js-файл который бы штудировал весь документ и в случае ИЕ исправлял бы все возможные баги, к примеру, с тем же margin'ом и padding'ом просто-напросто делал бы пересчет.

К сожалению, пока это в ближайшее время не возможно, но то что есть сайт собирающий те самые ошибки ИЕ - уже хорошо :)

varyen 18 ноября 2007, 20:31 # ↑

А оно уже есть, причем довольно неплохо работает :)
http://dean.edwards.name/IE7/

kost_bebix 19 ноября 2007, 02:41 # ↑

Спасибо огромное. Возможно вы спасли жизнь одного верстальщика :)

WebDev 4 сентября 2007, 19:15 #

Храбр превращается в склад мануалов.

Siddthartha 4 сентября 2007, 20:15 # ↑

Уже неплохо.

НЛО прилетело и опубликовало эту надпись здесь

trinko 4 сентября 2007, 21:05 # ↑

кстати, многие стандарты, вроде xml или такой технологии как xmlhttprequest, ныне ajax, придумали и внедряли как раз MS =))

НЛО прилетело и опубликовало эту надпись здесь

trinko 4 сентября 2007, 22:49 # ↑

"Домашняя страница" XML технологий. Это может казаться странно, глупо и немыслемо, но это так.
Все же там работают вовсе не слабые ребята.

НЛО прилетело и опубликовало эту надпись здесь

trinko 5 сентября 2007, 00:23 # ↑

http://en.wikipedia.org/wiki/Xml
MS никогда бы не стала не просто пиарить чужую технологию, но и активно ее внедрять. такое только в сказках

НЛО прилетело и опубликовало эту надпись здесь

zencd 5 сентября 2007, 04:06 # ↑

xmlhttprequest - придумали
XML - внедряли :)

НЛО прилетело и опубликовало эту надпись здесь

trinko 4 сентября 2007, 21:04 #

Офигенно! Читать только начал, пару предложений прочел, но уже чувствую что статья стоящая. Надеюсь, найду тут хоть что-то полезное для верстки под ie, в идеале найду тут кучу всего полезного =)

alexbig 4 сентября 2007, 23:59 #

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

rossomachin 5 сентября 2007, 09:04 # ↑

Если вы заинтересованы в получении знаний — вы их получите.
Скринами же тут делу сильно не поможешь. Всё равно надо мыслить на уровне кода, а не картинок.

alexbig 5 сентября 2007, 10:41 # ↑

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

runawayed 6 сентября 2007, 23:32 #

скажите, это может ли это как-нибудь помочь вот с этим:
http://forum.vingrad.ru/forum/topic-1710…
просто к сож. нет времени вникать, а проблему надо срочно решать..

rnbparty 18 сентября 2007, 20:32 #

у меня нет слов!!!
я исправил то, с чем возился несколько дней!

zencd 29 октября 2007, 16:44 #

А зачем вообще использовать layouts если с ними так всё плохо :-?
Действительно объёмной верстки я сам не делал, но не ужели обычный хтмл с tables не будет кроссбраузерным..

Blisswise 29 октября 2007, 16:58 # ↑

А вы о пользователях мобильных подумали?

zencd 29 октября 2007, 17:00 # ↑

Не подумал - не имею подобного опыта (мобильного конечно :))
Вообще речь в статье об интернет експолрере в основном, а на мобильниках его нет (разве что-нибудь жутко урезанное)

Blisswise 31 октября 2007, 15:29 # ↑

Просто вы в качестве решения проблемы предлагаете использовать таблицы, а я объясняю, почему это плохо.
Ведь если вы под ie сверстаете в таблицах, то остальные будут мучаться.

varyen 18 ноября 2007, 20:24 #

Отличная статья! Читал оригинал, очень позитивно что появился перевод :)

Delka 18 февраля 2008, 10:31 #

огромный респект автору за перевод.
каждый верстальщик должен читать это до полного просветления.

Eduard 14 апреля 2008, 07:02 #

Да я бы не осилил такой перевод, хотя тоже знаю язык, но, видать, не так хорошо как автор - спасибо ему.

developer 3 июня 2008, 14:59 #

Переводчику респект, особый респект за то что все сделано одним куском - очень удобно найти ответ на возникший глюк. Блин отличный труд. я очень благодарен

resurtm 4 февраля 2011, 17:21 #

Не стоило на самом деле убирать перевод. Можно было актуализировать его. Я думаю нашлись бы те, кто захотел бы.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

Лучшее ^{за 24 часа} ↓

Находим admin + shell на *******.alfabank.ru с помощью Google

С Днём Рождения, Хабр!

Жизнь без объектов

Локализация точки в выпуклом многоугольнике

Разрабатываем модуль PHP на C++. Часть 1: экскурс в мир Zend Engine 2

Всегда рядом, или почему я ушел от Сбербанка

Полнометражный документальный фильм о демосцене: The Art Of The Algorithms

Вещи, о которых следует помнить, программируя на Python

Как работает приложение InstaCRT?

Запрограммируем вакансию

« все лучшие

Похожие посты ↓

Изучаем наличие layout 04.09.2007

Тотальная распродажа игр для Android/iOS/Mac/Linux/Win 25.05.2012

Переделываем блок питания в картинках 23.05.2012

Типичная ошибка при установке COOKIE в PHP 04.05.2012

CMS DLE + uLogin. Ошибки модуля 30.04.2012

Хранение шифрованных данных в облаке средствами Mac OS X 27.04.2012

Блоки питания ноутбуков — выбираем правильно 23.04.2012

Субъективное мнение о Mac OS в сравнении 23.04.2012

Ботнет на Mac: подробности 12.04.2012

WebMoney на Mac 30.03.2012

Прямой эфир ↓

senia → Жизнь без объектов 93

Adler → Отделение логики базы данных, а также отображение обобщенных методов 14

arturgspb → Разрабатываем модуль PHP на C++. Часть 1: экскурс в мир Zend Engine 2 20

fanex → thn.gs — для того, чтобы не помнить 116

qMBQx8GH → Об удалении квотированных строк из текста JavaScript 15

macik_spb → Полнометражный документальный фильм о демосцене: The Art Of The Algorithms 7

djmorgan → Работаете ли вы по той профессии которую получили в высшем уч. заведении и т.д.? 11

WebSpider → Патефон ПТ-3: обзор, характеристики и демонстрация работы. Год выпуска — 1935 3

l0rda → Python-биндинги для libsass. Эксклюзивно для Хабра 27

sha1dy → Всегда рядом, или почему я ушел от Сбербанка 245

Компания дня Компания, чей пост набрал максимальное количество баллов<br>
среди всех опубликованных в корпоративных блогах постах за <br>
прошедшие сутки. Учитываются посты, для которых истек срок голосования <br>(3 дня с момента публикации).