Отрывается блок от потока

[TheKIP]

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

В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части.

http://yaolga.thekip.ru

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

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

[mishka]

Вредные? Наплевать? Тогда чему удивляться если все выпадает и разлетается. Дефолтные значения всегда нужно либо обнулять либо изменять. Даже сейчас в ИЕ 6 отступ между параграфами больше чем в лисе и в опере (ну не считая неподключенных пнг фильтров). Конечно такое можно исправить многими способами и почему то вы не предлагаете убрать первоисточник проблем. Падинг и овер просто дадут блоку возможность захватить нижний маржин в блок. И кстати потесть в разных браузерах у меня в 6 ие меню упало.

P.S. Есть просто способ не создавать ситуацию схлопывания блоков - это не юзать верхний маржин вместе с нижним и вообще юзать только один. А еще лучше забудьте о маржинах юзайте падинг.

Наверное самые вредные советы на этом форуме.

А еще лучше забудьте о маржинах юзайте падинг.

Ничего зря не придуманно. Всему свое назначение.

То что у абзацев маргины а не паддинги - это правильно. Ненадо их на паддинги заменять. Если хотите чтобы во всех браузерах одинаково было - надо маргины и оставить, только задать значение.

Edited January 8, 2010 by mishka2

[Dessss]

Да я вижу советы, давайте будет верстать как удобно каждому и наплевать на соответствие дизайну и на разный вид в разных браузерах. Если б человек изначально обнулил или переопределил деф маржины у p то и не было бы этой темы.

[mishka]

Да я вижу советы, давайте будет верстать как удобно каждому и наплевать на соответствие дизайну и на разный вид в разных браузерах. Если б человек изначально обнулил или переопределил деф маржины у p то и не было бы этой темы.

Извини за грубость, но ты что с ума сошел?

Я вообще считаю что глобальный сброс стилей это зло. Всякие YUI и Эрика Мейера(но этот хоть немного получше) ...

И абзацам надо давать отступ не паддингом, а маргином. И поверь при правильной верстке все везде одинаково!

Вспомнил про YUI...

Както верстал сайт с требованием от клиента YUI Reset, YUI Base, YUI Fonts, YUI Girds.

Все это можна найти тут http://developer.yahoo.com/yui/reset/

И сайт был элементарный, но из-за этой всей гремучей смеси пришлось еще переопределять сбросы эти нехорошие...

Так вот пока я разбирался что к чему, то я тихо возненавидел этого инженера Nate Koechley, который таким замученным взлядом смотрел на меня с окна плеера....

Эх попался бы он мне.... хоть чемнибудь бы обогрел...

Да я вижу советы, давайте будет верстать как удобно каждому и наплевать на соответствие дизайну и на разный вид в разных браузерах. Если б человек изначально обнулил или переопределил деф маржины у p то и не было бы этой темы.

Ведь проблема не в дефолтных маргинах.

Если бы он написал

p{margin:0 0 10px;}

то тогда во всех браузерах это был бы одинаков результат - отступ между блоками 10пиксов. Но он был бы. Потому что переопределение величины маргина не уберет такое явление как "выпадение маргина".

Вот обычно те кто постоянно юзают сбросы, те и несовсем понимают какие дефолтные стили, и в каких браузерах.

Было бы неплохо сразу научится без сбросов верстать, чтобы понять на каких элементах какие дефолтные стили.

Edited January 8, 2010 by mishka2

[Dessss]

Да боже упаси юзать reset. Я говорил о переопределении а не о глобальном сбросе.

[s0rr0w]

Да боже упаси юзать reset. Я говорил о переопределении а не о глобальном сбросе.

А зачем он нужен? Вот какой в нем смысл? Ах да, некий сакральный смысл, чтобы одинаково смотрелось.... Так это нереально вообще, каждый браузер будет показывать по своему.

Ааа, тоесть я так понял, неважно что он хочет, я легко могу делать то, что мне нужно, так?

Я понял, в следующий раз я просто сам уже буду указывать ему, что мне нужно, а не ему!

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

Был у меня случай. Меня попросили сделать все так, как нарисовано в фотошопе. Я сказал, ок. Потратил два очень важных дня на маргинальные переделки, после чего мне сказали, что лучше я буду делать это так, как мне хочется, потому что сроки поджимают. Заказчик очень быстро выбирает между деньгами, которые он теряет, если ему хочется довести все до маразма, и когда он просто доверяет человеку сделать свою работу.

В последнее время я все паддинги и марджины на глаз ставил... Никогда их не меряю линейкой в фотошопе. И ни один заказчик не пожаловался на то, что оно выглядит не так.

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

[psywalker]

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

Был у меня случай. Меня попросили сделать все так, как нарисовано в фотошопе. Я сказал, ок. Потратил два очень важных дня на маргинальные переделки, после чего мне сказали, что лучше я буду делать это так, как мне хочется, потому что сроки поджимают. Заказчик очень быстро выбирает между деньгами, которые он теряет, если ему хочется довести все до маразма, и когда он просто доверяет человеку сделать свою работу.

В последнее время я все паддинги и марджины на глаз ставил... Никогда их не меряю линейкой в фотошопе. И ни один заказчик не пожаловался на то, что оно выглядит не так.

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

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

[Justnewone]

Какое выпадение границ господа. Да тут тупо дефолтные маржины у p не обнулены поэтому у последнего параграфа идет дефолтный маржит который рвет спан с кругляшками к низу. Как выход ставить маржины топ у всех p. Или ботом но при это заезжать на такоеже расстояние нижним спамом наверх отрицатетьным маржином. А вообще дефолтные маржины обнулять или перебивать нужно всегда т.к в разный браузерах они разные.

Уф, как же грустно...

Это точно называется схлопывание марджинов и умные дядьки давно за нас подумали и сказали как решается, общему контейнеру надо либо оферфлоу, либо 1 пиксельным паддингом. А всякое про только топ или только боттом, лучше не применять, а то "в каждой 10 пачке тампакса сюрприз - новогодняя хлопушка!".

[Justnewone]

А зачем он нужен? Вот какой в нем смысл? Ах да, некий сакральный смысл, чтобы одинаково смотрелось.... Так это нереально вообще, каждый браузер будет показывать по своему.

Ну облегчает он жисть. Хотя, для понимания некоторых проблем новичку будет не очень полезно, он многие вещи именно лечит, то есть, я говорю, например, о разном отображении картинок из-за верт, выравнивания. Ты ведь в FAQ даже вопросик такой рассмотрел. Или размер шрифта заголовков. Но новичку наверное надо все это "выстрадать". Заточенный резет, нет, это даже не резет, это просто "всем делать как я сказал", именно, с проставленными размерами, ну ооочень похожие делает картинки. Фактически, это файл, освобождающий от рутинного прописывания каждый раз одних и тех же лекарств. Глюки у браузеров есть, и каждый пляшет по своему, это бесспорно. Но свести их до минимума, "без эмоций, только цвет кожи", вполне ему под силу. Самое идеальное, не пользовать готовое, а потратить время и написать самому, когда нибудь как позволят опыт и знания. Я пока пользуюсь малость модернизированным мейеровским резетом. Но задумываюсь. И с тобой если захочешь поделюсь, потом. =)

[s0rr0w]

Ну облегчает он жисть. Хотя, для понимания некоторых проблем новичку будет не очень полезно, он многие вещи именно лечит, то есть, я говорю, например, о разном отображении картинок из-за верт, выравнивания. Ты ведь в FAQ даже вопросик такой рассмотрел. Или размер шрифта заголовков. Но новичку наверное надо все это "выстрадать". Заточенный резет, нет, это даже не резет, это просто "всем делать как я сказал", именно, с проставленными размерами, ну ооочень похожие делает картинки. Фактически, это файл, освобождающий от рутинного прописывания каждый раз одних и тех же лекарств. Глюки у браузеров есть, и каждый пляшет по своему, это бесспорно. Но свести их до минимума, "без эмоций, только цвет кожи", вполне ему под силу. Самое идеальное, не пользовать готовое, а потратить время и написать самому, когда нибудь как позволят опыт и знания. Я пока пользуюсь малость модернизированным мейеровским резетом. Но задумываюсь. И с тобой если захочешь поделюсь, потом. =)

Новичок должен сам все выстрадать. Иначе он будет раз за разом напарываться на одно и то же.

У меня с каждым проектом было все меньше и меньше "лекарств". Осталось только обнуление бордюра картинки, да шрифт для textarea. Это реально мешает, все остальное - вообще не пипчет.

В начале, когда каждый кодер пробует сделать идеальный код, он делает все, чтобы было все одинаково. Через время ты понимаешь, что написать базис для кода занимает 30% времени, а борьба с разным отображением - 70%. Вопрос, зачем тратить 70% лишнего времени на задачу, которая не принесет ни копейки денег. Никто не оценит одинаковость отображения в разных браузерах кроме самого кодера. Это звучит странно, но это правда. Пользователь за контентом пришел, а не лазить с линейкой в поисках разницы.

Стремление делать как можно более одинаковое отображение кода в разных браузерах - похвально. Но превращать это в бзик совершенно не стоит. Перегибы палки опаснее, чем недогибы.

[AKyHuH]

Хм, извиняюсь, что вмешиваюсь в вашу беседу, но простой вопрос, а что если одинаковое отображение в разных браузерах - это не блажь, а необходимость? Ведь зачастую верстая страницу под один браузер кодеры попадают в ситуацию, когда в другом браузере верстка разъезжается... я говорю не о банальном увеличении или уменьшении маргинов и паддингов, а том, что блоки соскакивают или налезают друг на друга, о том, когда элементы верстки вписанные в дизайн начинают его ломать... 1-2 раза таких вот наблюдений за поведением своего кода и переверстка его по-новой лично меня заставили открывать страницу сразу в нескольких браузерах и педантично приводить элементы к одинаковому отображению, при чем чисто косметические изменения может быть и занимают время, но очень небольшое, поэтому я лично считаю, что им можно пренебречь, а вот когда дело касается действительно серьёзных разногласий браузеров, то и времени тут уходит прилично и никуда от этого не деться... каким бы заказчик покладистым не был, но если в Опере сайт смотрится, а в ФФ разваливается работу он не примет...

[s0rr0w]

Хм, извиняюсь, что вмешиваюсь в вашу беседу, но простой вопрос, а что если одинаковое отображение в разных браузерах - это не блажь, а необходимость? Ведь зачастую верстая страницу под один браузер кодеры попадают в ситуацию, когда в другом браузере верстка разъезжается... я говорю не о банальном увеличении или уменьшении маргинов и паддингов, а том, что блоки соскакивают или налезают друг на друга, о том, когда элементы верстки вписанные в дизайн начинают его ломать... 1-2 раза таких вот наблюдений за поведением своего кода и переверстка его по-новой лично меня заставили открывать страницу сразу в нескольких браузерах и педантично приводить элементы к одинаковому отображению, при чем чисто косметические изменения может быть и занимают время, но очень небольшое, поэтому я лично считаю, что им можно пренебречь, а вот когда дело касается действительно серьёзных разногласий браузеров, то и времени тут уходит прилично и никуда от этого не деться... каким бы заказчик покладистым не был, но если в Опере сайт смотрится, а в ФФ разваливается работу он не примет...

Необходимость? С этого места поподробнее.

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

[Yahoo!]

Если в Опере нормально, а в ФФ разваливается, то вёрстка... логично же. А для ослов придумали условные комментарии, и все отступы для ослов в них подделывать это много времени отнимает.

[psywalker]

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

Если у кодера "Зачастую" происходят именно такие вещи, то присоединяюсь к s0rr0w и считаю, что это уже кодер-ученик. Грамотные верстальщики никогда не допустят такого, просто даже на подсознательном уровне они уже делают свою работу почти наверняка, зная особенности своего дела и всех брауеров. Я например как правило по ходу вёрстки наблюдаю разногласия только в ИЕ6 и то незначительные, тут же лечу их необходимыми средствами, а про остальные браузеры я вообще молчу, они все похожи на самом деле в этом плане, все плюс-минус соблюдают стандарты.

Я недавно ради эксперимента начал верстать только под ИЕ6-7 и ФФ, и самое интересное, что это срабатывает и в конце концов если там смотрится хорошо, то и в остальных будет также. Ну может это только у меня, спорить не буду.

[Yahoo!]

Это уже где-то говорилось) под какой только ФФ надо?

[Justnewone]

Если у кодера "Зачастую" происходят именно такие вещи, то присоединяюсь к s0rr0w и считаю, что это уже кодер-ученик. Грамотные верстальщики никогда не допустят такого, просто даже на подсознательном уровне они уже делают свою работу почти наверняка, зная особенности своего дела и всех брауеров. Я например как правило по ходу вёрстки наблюдаю разногласия только в ИЕ6 и то незначительные, тут же лечу их необходимыми средствами, а про остальные браузеры я вообще молчу, они все похожи на самом деле в этом плане, все плюс-минус соблюдают стандарты.

Я недавно ради эксперимента начал верстать только под ИЕ6-7 и ФФ, и самое интересное, что это срабатывает и в конце концов если там смотрится хорошо, то и в остальных будет также. Ну может это только у меня, спорить не буду.

Боюсь, не всегда так однозначно! )

Иначе Дримвивер по 50 росс рублей, официальный, давно бы заполонил весь интернет и профессия "верстальщик" перестала бы существовать. Как перестала существовать профессия "верстальщик документов Word на SGML" =).

И помяните слово мое. Отомрет шестой и седьмой ишаки - все, придется переучиваться верстальщикам на кого-то еще.

[Yahoo!]

На кого интересно? Когда CSS3 будет как CSS1,2 сегодня, вообще скучно будет =)

[psywalker]

Боюсь, не всегда так однозначно! )

Иначе Дримвивер по 50 росс рублей, официальный, давно бы заполонил весь интернет и профессия "верстальщик" перестала бы существовать. Как перестала существовать профессия "верстальщик документов Word на SGML" =).

И помяните слово мое. Отомрет шестой и седьмой ишаки - все, придется переучиваться верстальщикам на кого-то еще.

1) Причём тут дримвивер вообще? Всё зависит от человека.

2) Почему переучиваться, ведь появиться уже ЦСС3, HTML5, а это ещё добавит даже может больше проблем, ведь браузеры, которые щас в обиходе, даже ФФ плохо его поддерживает. Вдруг настанет новый этап, ещё труднее и интереснее, прикинь

[Justnewone]

1) Причём тут дримвивер вообще? Всё зависит от человека.

2) Почему переучиваться, ведь появиться уже ЦСС3, HTML5, а это ещё добавит даже может больше проблем, ведь браузеры, которые щас в обиходе, даже ФФ плохо его поддерживает. Вдруг настанет новый этап, ещё труднее и интереснее, прикинь

не не. По сути верстка - абсолютно автоматизированный процесс и наличие в ней живых человеческих рук - это извращение, связанное с тем, что до сих пор нету ни условных не законных стандартов.

В идеале процесс верстки сайта - это дизайнер с дримвивером, точно так же как сейчас он с иллюстратором или корелом там, вобщем, приделают его инструменту возможность генерить красивый кроссбраузерный html (что впринципе не сложно, ведь правильное и лаконичное решение всегда одно, вопрос только в том, все ли это поддерживают, а браузеры все стремятся к тому, чтобы отображать все совершенно одинаково, FF очень быстро наберет форму до html5/css3, даже не сомневайся).

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

[psywalker]

Justnewone

Посмотри чё я намутил, дружище

http://forum.htmlbook.ru/index.php?showtop...amp;#entry68753

[Justnewone]

Justnewone

Посмотри чё я намутил, дружище

http://forum.htmlbook.ru/index.php?showtop...amp;#entry68753

Правильно мыслишь, Максим, верстальщика не станет в будущем, совсем недалеком, а вот искусственный интеллект еще долго не изобретут, программисты пока в цене падать не будут.

[psywalker]

Блин, жалко конеш, получится все старания и время коту под хвост.