Search the Community
Showing results for tags 'прижать блоки'.
Found 1 result
-
привет, нужна помощь, может вопрос и банальный, но все же я почему-то не могу разобраться сам ... Есть макет сайта ... все вроде хорошо .. но в блоке 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;} помогите пожалуйста.
