TonKhaO

ну overflow он не наследуется поэтому тебе и нужно к каждому родителю прилепить

ты имеешь ввиду пустой див с фиксированной высотой шириной и фоном? эээ, одинаково что именно? у меня там и так вроде усе одинаково, или я что то упустил?

скорее всего забыл про оверфлоуинг (overflow:hidden) или клиринг (clear: both) отфлоаченных элементов, а если флоатов у тебя там нет то ты скорее всего фиксированную высоту блоку с контентом создал, в этом случае он будет таким же по высоте если контента будет больше самого блока (это приусловии что у тебя блочная верстка), а если в таблицах то тут я нинаю

Всем привет, недавно был вопрос о том как сделать уголки закругленные на однородном фоновом цвете, там в итоге сделал три дива, верхний, средний и нижний, и в верхнем и нижнем по 2 вложенных дива с флоатами лефт и райт! тут вот сайт http://www.tatyanavais.ru/tehnolog.html проблема похожая но тут ситуация круче так как фон сзади градиентный поэтому предыдущий вариант не сгодился так как там картинки с уголками имеют пнг прозрачность в этоге сделал немного добавив кода а именно вот кусок кода <div id="left_area_top"> <div id="left_area_top_left"><img alt="" src="images/left_top_c.png"></div> <div id="left_area_top_right"><img alt="" src="images/right_top_c.png"></div> <div id="left_area_top_stretch"></div> </div> как видите в конце я просто добавил третий вложенный див, в данном случае left_area_top_stretch у которого левые и правые маргины равны размерам картинок, думаю онятно для чего в итоге везде кул кроме любимого ИЕ6, не пойму в чем дело, подскажите плз! зумы вроде везде проставил. да и overflow тоже где нужно, даже проставил font-size: 1px для блока с картинками но не помогло! там еще юзает iepngfix Баг в ИЕ

погодите но ведь * не валиден в CSS на сколько я помню поэтому и сказал что не валидно ой сорри был не прав * валиден, голова кругом уже :-))) как то давно мне говорили основной минус * {margin: 0px; padding: 0px;} то что это сбрасывает все отступы у элементов у которых их даже и не предусмотрено! это плучается на сколько я понимаю единственный даж не минус :-) спасибо за ссылку на мейера! буду изучать разницу :-)

ну и структура у тебя, столько вложенностей аж голова кругом идет возможно ты не проставила после position: absolute z-index , поэтому они у тебя ниже высвечиваются

ну как раз такого рода и нужна, то есть поддержка CSS3, спасибо, буду юзать, но так и не нашлось супир универсального тулза

Пару раз видел на форуме подобные темы, решил наконец разобраться! Раньше делал * {margin: 0px; padding: 0px;} обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно? спасибо

нэ нэ ребят это все понятно, не первый день на орбите, я потому и спросил, тот же acid он не умеет давать подробную статистику?

подскажите с чего начать, какие нить сорсы нужны, я так понял это делается наверное на JS

универсальной проги как я понял нет?

Появился такой вопросик, как и где подсмотреть возможности каждого броузера, то есть поддерживает ли CSS3, тянет ли SVG и прочие фишки, ради интереса! знаю есть acid 3 но заходя на сайт он просто показывает шкалу соответствия но не показывает подробности, подскажите плиз

ааа все понял ок спасибо за разьяснение, теперь буду пользовать 2 фичи которые выучил, гы

я это прекрасно понимаю что не нужно поэтому и спросил, просто Justnewone написал в начале "добавляю класс clear, в котором display:block и clear:both" и этот момент я не понял, как и "1. Отбить некий объект под отфлоаченный по тексту объект. тогда я добавляю class="clear" приведите пример если можно дабы понять эту ситуацию

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

хмм, да я честно первый способ который ты самом начале написал не совсем понял, то есть я понял это примерно так как вот этот код что ниже! но ессно я сделал неправильно я добавил к внешнему блоку запрет обтекания но я ж его никак не флоатил поэтому просто не работает и получается соотв результат, поправь меня плиз <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #wrapper { clear: both; display: block; } #left { float: left; display: inline; background: silver; width: 100px; height: 200px; margin: 1px; } #right { background: maroon; } #afterDiv { background: green; } </style> </head> <body> <div id="wrapper"> <div id="left">left</div> <div id="right">right text</div> </div> <div id="afterDiv">after</div> </body> </html>

льстишь но одно хорошо - что учусь слушай я все таки правильно понял что ты делаешь немного по другому, ты не ставишь overflow: hidden родителю а просто ставишь родителю clear: both ? хмм, тогда вот вопрос, какой способ более уриверсален и надежен, overflow или же clear: both у родителя ?

2Justnewone и psywalker, господа, правильно ли я понял методу правильного слеаринга с помощью overflow посмотрите плз код, так нужно? То есть нужно вместо пустого дива создать внешнюю обертку, в нее завернуть отфлоаченные блоки? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #wrapper { overflow: hidden; zoom: 1; } #left { float: left; display: inline; background: silver; width: 100px; height: 100px; margin: 1px; } #right { background: maroon; } #afterDiv { background: green; } .clear {clear: both;} </style> </head> <body> <div id="wrapper"> <div id="left">left</div> <div id="right">right text</div> </div> <div id="afterDiv">after</div> </body> </html>

для кого то именно открытие, не все же на форуме блин прям гуру поднебесья

Недавно была тема и специально для этого я сделал скриншотик, думаю из него понятно что к чему и что отображается по-разному в разных браузерах а что одинаково! Тема простая, не стоит использовать свойство css: list-style-image для маркеров ибо оно имеет только параметр который указывает путь к файлу маркеру, НО оно не имеет никаках параметров для выравнивания этого маркера! Да и в разных браузерах по разному они расположены, это наводит ужас, вместо этого стоит для li прописывать background: url() у которого есть возможность позиционировать фон как угодно. 2 скриншота один я сделал, а второй - это скрин с этого же сайта где черно-побелому написано то что я уже сказал. Надеюсь новичкам будет полезно! Спасибо за внимание!

ок, сам беру на заметку :-)

почему ужас? то есть?

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

сцылко у img адская даже до PHP кода "http://count.statun.com/?040.gif&r=&p=http%3A//centrohost.net/&i=" после расширения .gif (послеж расширения у картинки вроде бы вообще ничего не может быть) я даж сам не понимаю для чего это

Всем людям верстающих в дивах конечно всегда после того как зафлоачены элементы выполнять клиринг чтобы отменять обтекание ниже следующих элементов, я лично ставлю после отфлоаченного элемента пустой див у которого в классе прописано cleat: both (конечно возможно это не совсем правильно). Хотелось бы узнать а как вы это делаете Вот как я это делаю <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #left { float: left; display: inline; background: silver; width: 100px; height: 100px; margin: 1px; } #right { background: maroon; } #afterDiv { background: green; } .clear {clear: both;} </style> </head> <body> <div id="left">left</div> <div id="right">right text</div> <div class="clear"></div> <div id="afterDiv">after</div> </body> </html>