samogray

просто при уменьшении размера контейнера datepicker выходит за рамки контейнера

Здраствуйте! есть такой елемент в jqueryUI как Datepicker, он, сверстан елементом table у меня он помещен в див который имеет резиновую ширину 30%, как зделать table тоже резиновым я ставлю 100% не работает...(( <table> внутри <div>

gпопробуй так http://embed.plnkr.co/xvATY70nJnxv95C5jPZP/preview как вариант

ДИЗАЙН Напоминает уроки HTML ACADEMY

width: 100%;

@media only screen and (max-width : 650px) { .site-logo span{display: none;} }

Поставь обертку 800px, float елементы будут внутри и поставь ширину в % отношении , например: 4 елемента по 25% или три по 33,33%, и так далее, учитывай падинги и бордеры чтобы не выпадали. лучше установи box-sizing: border-box; сорри не посмотрел, у тебя есть обертка, просто .left .right ширину поставь в % отношеннии

Спасибо!!! вот такая проблема была... https://www.dropbox.com/s/wieyat2fi18bxo0/2015-07-08%2012_55_34-%D0%97%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BE%D0%BA.png?dl=0, да и извиняюсь за неправильное оформление вопроса....

Здраствуйте у не могу сверстать один блок, нужно сделать бирку о скидках, у меня бок виден за рамками родителя, как быть? вот код: HTML - <div class="coll"> <div class="salesban">sales</div> <img src="img/sell3.png" alt="img"> <h3 class="sal">$30.00</h3> <div class="hov"> <h3>new STELLA MCCARTNEY</h3> <ul class="star"> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> <h3><a href="#">add To Cart</a></h3> <ul class="add"> <li><a href="#"><span class="red"> + </span>add To Compare</a></li> <li><a href="#"><span class="red"> + </span>add To Wishlist</a></li> </ul> </div> </div> CSS /*Стиль блока родителя*/ .sale .coll { position: relative; width: 25%; margin-right: 0px; box-sizing: border-box;}/*Стиль блока которого поместить во ливый угол*/.salesban { position: absolute; background: #fe5252; -moz-transform: rotate(-36deg); -ms-transform: rotate(-36deg); -webkit-transform: rotate(-36deg); -o-transform: rotate(-36deg); transform: rotate(-36deg); top: -20px; left: -50px; width: 134px; text-align: center; color: white; z-index: 0; padding: 30px 0px 10px; }