Z1gnet
-
Posts
304 -
Joined
-
Last visited
-
Days Won
9
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Z1gnet
-
так ты ж и говори что по вертикали нужно центрировать. margin:0 auto это же по горизонтали, и он тут совсем не при чем. тут нужны табличные свойства. вот так http://codepen.io/anon/pen/FEawH
-
Могу сказать что дизай рисовался не под мыло. По хорошему нужно диз переделывать. Ну если сильно захотеть то можно все из разных мелких картинок нарезать (хотя это не есть хорошо), другого способа не знаю. Мое мнение что нужно диз упростить.
-
не совсем понял что значит "сделать верхнюю часть фиксированой ?" если нужен такой результат http://prntscr.com/2473c6 ,то решение такое body{ margin:0; background:#2A2A2A url(http://image-up.3dn.ru/_ph/1/793964545.png) 50% 0 no-repeat; } если нужно что бы по краям был другой фон, типа как тут http://prntscr.com/2474n9 (синий для примера), то нужен еще один блок. <body> <div class="wrapper"> </div></body>html,body{ height:100%;}body{ margin:0; background:#00f; /* общий фон */}.wrapper{ width:1283px; /* поставил ширину на блок с фоновой картинкой по ширине картинки */ margin: 0 auto; /* отцентрировал блок */ background:#2A2A2A url(http://image-up.3dn.ru/_ph/1/793964545.png) no-repeat; /* задал фон */ height:100%; /* поставил высоту, так как в данном примере высота дива равна 0, потому что в нем нету контента, а так она на всю высоту родителя на который я тоже поставл 100% */}
-
не совсем понятна задача. Я вообще непонимаю зачем тебе тут абсолюты... больше конкретики пожалуйста, в идеале хотелось бы код увидеть я бы не согласился что релатив вне потока
-
В каком смысле 2 фона? Если ты имеешь ввиду поставить картинку и остально задить цветом то это очень просто. background-image:url(/images/image1.jpg); - задаем фоновую картинку background-color:#f00; - задаем цвет фона. можно скращенную запись background:#f00 url(/images/image1.jpg); ну а если ты хочешь именно как на кинопоиске то нужно отцентрировать по вертикали картинку и отменить повторение ее, это будет вот так background:#f00 url(/images/image1.jpg) 50% 0 no-repeat; но главное не забывать что это работает только начиная с ие9
-
Если левая колонка будет всегда больше правой, то ты почти все правильно сделал. Нужно просто дать лайаут #site (из-за флоата нарушилса поток) и убрать с него высоту 100%. В результате визуально будет казаться что правая колонка равна левой (при условии что левая выше). Если надо ие7 то на #site дай width:100% (after в ие7 не работает). http://jsfiddle.net/qerzR/2/ Если нужен другой результат - пиши.
-
потому что у тебя сайдбар идет по коду ниже чем #maininner. если тебе нужно что бы он так и оставался ниже по коду (с точки зрения СЕО так гараздо лучше) то можно такой вариант <div id="main"> <div class="main-holder">Content</div></div><div id="sidebar">sidebar</div>#main{ float:left; width:100%;}.main-holder{ margin:0 250px 0 0; background:#f00;}#sidebar{ float:right; width:220px; margin:0 0 0 -220px;}
-
тебе нужен не паддинг, а марджин. вот тут почитай http://htmlbook.ru/samlayout/blochnaya-verstka/blochnaya-model как вариант вставлять пустую li и на нее делать эту линию (хотя не самый лучший) если есть возможность вешать класс на каждую 4-ю (5-ю) li то от этого класса на :before или :after сделать линию
