psywalker

Чего то я упустил из обсуждения, почему у ИЕ проблемы с абсолютами? Из-за обязательного релатива на родителе? Как тогда лучше делать круглы у блоков тоже на флоатах? Да у ИЕ много с чем проблемы и с абсолютами тоже. Вообще ставить релатив на контейнер - это быть себе злобным буратиной, т.е. я не говорю, что это панацея и надо взять это за правило(не вешать релатив), то если можно этого избежать, то лучше избежать. А проблемы могут быть с обрезанием внутренних контейнеров, далее самое главное - это баг с z-index;, у которого нет решения, а это огромная потеря, потому что например если будет попап внутри блока с релативом, а за ним будут идти другие блоки (как у нас кстати), то проблемы будут 100%. Потому что попап будет залезать под нижние контейнеры и это не лечится, потому что проставлять верхним блокам z-index; выше - это глупо, так как ты никогда не знаешь, сколько точно будет блоков на странице. В общем резюмирая вышесказанное, скажу, что пока жив ИЕ6-7, про красивые решения можно позабыть в пользу качественной работы во всех браузерах.

Нее, нее дружище, погоди. А это сколько по Московскому? Ага, представляю Макса заводящего будильник на 5 утра Во-воо

Ну хотя бы потому что это основной блок, в котором с вероятностью 99% будет контент. А контента может быть очень много, больше чем высота блока. Если хочется, но колется, ставь минимальную высоту и не парься.

Как я и писал. У высокой миниатюры была настройка по высоте, а не по ширине. Так как иначе, она выходит за границы и не находится на одном уровне по высоте с остальными. Мне этот вариант, правильным не кажется. Ну тогда только как нибудь так http://jsfiddle.net/aArTM/7/

Спасибо за мнение дружище. Да, тоже считаю, что пример с абсолютом красивый и правильный, если бы не ИЕ. Да, раздвижные двери тут самый верный вариант, чтобы кросс и наверняка.

Давно б уже пример показал, вот так правильнее в общем http://jsfiddle.net/aArTM/6/

SelenIT, Дружище, у меня к тебе просьба, ты не мог бы рассказать, что думаешь вот об этом? http://forum.htmlbook.ru/index.php?showtopic=27561&view=findpost&p=207529 И как ты считаешь, как всё таки правильно делать такую тень и что думаешь насчёт вот такого способа? http://jsfiddle.net/E6aqB/6/

Да, и главное, чтобы это работало везде, начиная с ИЕ6 пожалуйста Это давно не проблема. А что там за потоки? Можно почитать где то? ) p.s.: я просто нубас, до сих пор не знаю зачем zoom, has layout дисплэй тэйбл и позишн абсолют Думаю потоки откуда то оттуда Дружище, а объясни мне, как же ты делать собрался, (после пивца-то ), если ты даже не представляешь, что такое поток?

Спасибо за комментарий, с удовольствием услышу подробности, если можно, конечно. Да что ж тут подробничать-то? Ужасная вёрстка, от начала и до конца. Код грязный, теги разбросаны вообще непонятно как и где. Вот это вот что например такое? Логотип? А где класс и как ты вообще к нему обращаешься? a href="#"><img src="images/logo.png" width="560" height="120" alt="logo" /></a> Зачем в ссылках большие буквы текстом? <a href="#">SEARCH AIRPLANES</a> Почему бы не использовать CSS для этого? Зачем вот эта обёртка? <div id="nav"> Сами блоки с тенями сделаны просто ужасно, какой ещё параграф? Почему картинки на абсолютах? И почему тени фиксированного размера прилеплены? Да и блоки тоже надо было делать резиновыми. А футер прижатым. В общем если честно, даже комментировать такое не хочется, потому что чтобы перечислить все ошибки этой работы, нужно брать побольше еды и садиться за комп на целую ночь. Тут можно хоть прям с самого начала начинать html { height: 100%; /* зачем? не вижу, футер вроде не прижат.. */ } body { height: 100%; /* аналогично, зачем? */ width: 100%; /* боди и так займет всю доступную ширину, попробуйте задать ему паддинг или марджин */ } #wrapper { width: 100%; /* не нужно */ } #header { width: 1230px; /* и тут */ } Первые три селектора от неопытности, а последнее просто поразило)

Да, и главное, чтобы это работало везде, начиная с ИЕ6 пожалуйста

Мда...вёрстка конечно ужасна.

В пролёте)

Теперь именно так. Ширина - процентная. 23% от 1440 - слишком широко, а от 600, например, слишком мало, и ссылка либо шире картинки, либо уже. Белые границы на снимках, это границы ссылок. Понимайте? Тогда делай для картинок максималку. Чтобы при сужении они не были слишком большие.

Не. Без обёрток не обойтись. Блоки могут быть различной ширины. Т.е. Один блок - 200px, другой такой же, но 300. п.с. Ну если только на ИЕ забить. Тогда множественным бекграундом можно разрулить. Ааа, если резина, тогда твой варинат решения самый нормальный. Я бы делал так же.

http://www.alpatriott.ru/works/primer/borderfon.html Спасибо. А что если фон красный измениться? а это уже издержки Т.е. если без скриптов, то это один из вариантов решения. Что еще можно придумать? Как что? Во-первый блок у нас фикс. Во-вторых такие вещи легко делаются одной картинкой, и с одним блоком, без обёрток. В-третьих мы просто делаем полоску пнг, на разных сторонах которой будут наши картинки, и растягиваем её по оси-y, и всё.

Т.е. проблема в том, что при сужении экрана ссылки налезают друг на друга?

http://www.alpatriott.ru/works/primer/borderfon.html Спасибо. А что если фон красный измениться?

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

Если можно, приведи пожалуйста решение. Просто хочу понять, о чём идёт речь.

На данный момент сделал такие выводы: Пока живёт ИЕ6-7, в данной ситуации правильнее всего использовать флоаты и отдельный блок всё же. Согласен с Мишкой, вешать релатив на блок, если можно этого не делать, не разумно. ИЕ этого не одобрит со своими багами с z-index; в своё время намучался с этим, понимаю, что имеется ввиду. К сожалению игра не стоит свеч и понты ради красоты тут ни к чему, признаю.

Алилуйая, наконец-то ты начал то, что я просил всё это время - Объяснять! Согласен. Не кросс, но экспрешаны ещё ведь никто не отменял Ну да, вот тут уже горячо, согласен. И портит всю картину ИЕ6-7, так как только из-за них можно отказаться от красивого варианта. Это не придиралово. Включи свой опыт, и увидишь что полупрозрачная картинка PNG это совсем не то что залить блок сплошным цветом. Да, но у меня три блока отделены от друг-друга, поэтому они никак не будут состыковываться вместе.

Дык я тебе потом привёл свои мысли насчёт этого, что я всё таки не считаю это проблемой. Просил показать на деле даже, чтобы ты их создал. Медведь, я не РАДИ спора тут с тобой воюю, я ради ОПЫТА. Просто я хочу понять, чем мой вариант хреновый, чтобы если что, переосмыслить это. Хорошо, давай по другому. Я выставил свой пример и для себя хочу выявить у него минусы, для того, чтобы в будущем знать, что так делать не нужно или наоборот нужно. Пойдёт? Медведь, это уже придиралово, ненужно никаких лишних блоков, щас просто чуть подпарвлю код и покажу тебе. Вот, держи, суть такая примерно http://jsfiddle.net/E6aqB/6/

Молодец дружище, давай уже, подтягивайся поскорее, а то без тебя тут скучно

Зато Лебедев стал миллионером с таким подходом) Всё же не стоит меня сравнивать с этим человеком, я в отличии от него обосновываю свою позицию, объясняю, почему я так считаю и привожу примеры. И я не претендую на правого, возможно я сам ошибаюсь и на данный момент думаю неправильно, вот поэтому и хочется разобраться в данном вопросе. Люди, которые со мной спорят, не могут ничего противопоставить походу. Ну и кто из нас Лебедев после этого? Или ты в танке, или я. Как всегда, другой чаловек понял мои обьяснения и сказал что ему флоаты более понятны, ну а ты как всегда. А ты не думал над тем, что может быть человек выбирает флоаты, не от того, что они являются правильными в данном подходе? Ты кстати объяснишь мне минусы моего примера или нет?

Не спорю. Ну почему же так категорично? Я же привёл доводы, мысли и код, а не пустасловил и говорил, что я прав и т.д. Ну вот моё решение в общем. И у меня такое впечатление, что ты или не хочешь мне объяснять, чем оно плохое или просто у тебя нет объяснений