zerofx
-
Posts
10 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by zerofx
-
о точно ...
-
Ваш пример просто прекрасно мне подходит .. я немного доработал код - и теперь это меню - а работает оно так - когда в блок t1 - подвести курсор - то выезжает скрытый блок t2 - все работает как надо ... но есть вопросы, ситуация следующая, после того когда я в блок t2 добавляю текст - то всех нормальных браузерах ff ch op он отображается корректно - а именно по ходу открытия блока в право ... плавно и ровно ... будто он там уже стоит только скрытый ... А вот в IE 7/8/9/10 - он будто вивалюеся по ходу открытия блока в право .... что может быть не так .. и как его побороть http://jsfiddle.net/zerofx/qaSJ5/1/
-
Гранд мерси! вроде работоєт... будем посмотреть =)
-
привет, нужна ваша помощь. ситуация банальная ... но я не могу ее решить .. вот код... <div id="test"> <div id="t1"></div> <div id="t2"></div></div>#test { width: 120px; height: 300px; background-color: red; position: relative;}#t1 { width: 50px; height: 50px; background-color: black; float: left;}#t2 { width: 150px; height: 50px; background-color: pink;}одним словом - как заставить IE7 - выполнить условие float:left - когда родительский блок меньше чем дочерний ... всех других браузерах все работает как надо .. а вот здесь как всегда
-
гениальная идея - сразу так попробовал - не катить... он пропадаєт...
-
ну почему не пробовал ... пробовал .. только из этого ничего хорошего не вышло ... поэтому и обратился к Вам. а у Вас есть решение? можете показать как это сделать? пробовал абсолютное позиционирование + ботом: 0 - это для BG_2. ничего не получилось.
-
привет, нужна помощь, может вопрос и банальный, но все же я почему-то не могу разобраться сам ... Есть макет сайта ... все вроде хорошо .. но в блоке content есть 2-ва блоки в которых будут размещены фоновые изображения, и у меня никак не получается прижать эти блоки, а именно BG_1 к верху, а BG_2 вниз. т.е. чтобы они растягивались на полную высоту окна (height: 100%), чтобы между двумя блоками BG_1 и BG_2, можно поместить изображение. вот графическая схемма http://pix.am/FgMG/ вот сам код <!doctype html><html> <head> <meta charset="utf-8"> <title>Test Site</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="left"></div> <div id="wrap"> <div id="top"></div> <div id="content"> <div id="bg_1"></div> <div id="bg_1"></div> </div> </div> <div id="footer"></div> </body></html> * { margin: 0; padding: 0;}/* Eric Meyer's CSS Reset */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}/* End of Eric Meyer's CSS Reset */body { height: 100%;}html { height: 100%;}article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}#left { background-color: #FFFC17; height: 100%; width: 128px; left: 0; position: fixed; top: 0; z-index: 10;}#wrap { background-color: #7AC73A; height: 100%;}#top { height: 70px; background-color: #FDB873;}#content { background-color: #17F7FF; position: fixed; width: 100%; min-height: 100%; overflow: hidden; max-height: 100%;}#bg_1 { background-color: #95FF17; height: 200px; width: 100%; }#bg_2 { background-color: #62A60F; height: 200px; width: 100%; }#footer { margin: -70px auto 0; height: 70px; background-color: #FDB873; position: relative;} помогите пожалуйста.
-
+1 поэтому он и первый ))) не работает ... как блоки стояли так и стоят друг под другом ... а мне нужно чтобы они одним правилом обтекали друг друга слева ... я могу то сделать через float... но сами подумайте сколько раз придется прописывать его в блоках ... а ленивый и хотел бы прописать его только в одном основном блоке <div id="main"> (бывают и такие ситуации, когда то потрбино тики для одного основного блока) раз не работает значит вы привели не полный код, и у вас там где-то есть более приоритетное правило.Либо вы что-то делаете не так. ок... кажись Apach тупил... но - с Moz Ope Chr - всьо ОК! но ІЕ .... нехочет...
-
+1 поэтому он и первый ))) не работает ... как блоки стояли так и стоят друг под другом ... а мне нужно чтобы они одним правилом обтекали друг друга слева ... я могу то сделать через float... но сами подумайте сколько раз придется прописывать его в блоках ... а ленивый и хотел бы прописать его только в одном основном блоке <div id="main"> (бывают и такие ситуации, когда то потрбино тики для одного основного блока)
-
Привет всем ... У меня не то что проблема, мне нужна консультация ... Вот что я хотел спросить ... Я меня есть несколько блоков, основной <div id = "main">, и еще 3 дочерние <div id = "d1">, <div id = "d2">, <div id = "d3"> - хочу чтобы они строились по левому краю - есть - float: left; - все бы хорошо только прописывать флоат очень много надо ... Можно ли как-то задать осномвному блокe <div id = "main"> правило чтобы все дочерние блоки строились слева ... т.е. мне нужно показать как можно используя одно правило для <div id ="main"> - заставить все внутренние блоки строиться слева как в float: left; <html> <head> <title>Float+DiV</title> </head> <body> <div id="main"> <div id="d1">Div 1</div> <div id="d2">Div 2</div> <div id="d3">Div 3</div> </div> </body> </html>
