Jump to content

zerofx

Newbie
  • Posts

    10
  • Joined

  • Last visited

Everything posted by zerofx

  1. Ваш пример просто прекрасно мне подходит .. я немного доработал код - и теперь это меню - а работает оно так - когда в блок t1 - подвести курсор - то выезжает скрытый блок t2 - все работает как надо ... но есть вопросы, ситуация следующая, после того когда я в блок t2 добавляю текст - то всех нормальных браузерах ff ch op он отображается корректно - а именно по ходу открытия блока в право ... плавно и ровно ... будто он там уже стоит только скрытый ... А вот в IE 7/8/9/10 - он будто вивалюеся по ходу открытия блока в право .... что может быть не так .. и как его побороть http://jsfiddle.net/zerofx/qaSJ5/1/
  2. Гранд мерси! вроде работоєт... будем посмотреть =)
  3. привет, нужна ваша помощь. ситуация банальная ... но я не могу ее решить .. вот код... <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 - когда родительский блок меньше чем дочерний ... всех других браузерах все работает как надо .. а вот здесь как всегда
  4. гениальная идея - сразу так попробовал - не катить... он пропадаєт...
  5. ну почему не пробовал ... пробовал .. только из этого ничего хорошего не вышло ... поэтому и обратился к Вам. а у Вас есть решение? можете показать как это сделать? пробовал абсолютное позиционирование + ботом: 0 - это для BG_2. ничего не получилось.
  6. привет, нужна помощь, может вопрос и банальный, но все же я почему-то не могу разобраться сам ... Есть макет сайта ... все вроде хорошо .. но в блоке 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;} помогите пожалуйста.
  7. +1 поэтому он и первый ))) не работает ... как блоки стояли так и стоят друг под другом ... а мне нужно чтобы они одним правилом обтекали друг друга слева ... я могу то сделать через float... но сами подумайте сколько раз придется прописывать его в блоках ... а ленивый и хотел бы прописать его только в одном основном блоке <div id="main"> (бывают и такие ситуации, когда то потрбино тики для одного основного блока) раз не работает значит вы привели не полный код, и у вас там где-то есть более приоритетное правило.Либо вы что-то делаете не так. ок... кажись Apach тупил... но - с Moz Ope Chr - всьо ОК! но ІЕ .... нехочет...
  8. +1 поэтому он и первый ))) не работает ... как блоки стояли так и стоят друг под другом ... а мне нужно чтобы они одним правилом обтекали друг друга слева ... я могу то сделать через float... но сами подумайте сколько раз придется прописывать его в блоках ... а ленивый и хотел бы прописать его только в одном основном блоке <div id="main"> (бывают и такие ситуации, когда то потрбино тики для одного основного блока)
  9. Привет всем ... У меня не то что проблема, мне нужна консультация ... Вот что я хотел спросить ... Я меня есть несколько блоков, основной <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>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy