gart
-
Posts
20 -
Joined
-
Last visited
gart's Achievements
Explorer (1/14)
0
Reputation
-
А если таблицей? я с ними не дружу, но по-моему все же лучше, чем яс.
-
display: table-cell;vertical-align:top; вот вместо этого лучше сделать нормальный блочный элемент.
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>administrator</title> </head> <body> <table cellpadding="0" cellspacing="0" class="table"> <tr> <div style="display: table-cell;vertical-align:top; padding-left:10px; height: 100%;"> <div style="border: 1px #ccc solid; padding: 5px; margin-top: 1px; word-wrap: break-word"> <div style="float:left;"> <img src="/fw/p1.png" width="80" height="80" alt="stas" /><br /> <span class="indbox_text_color">24 июля 2011<br /> (14:53:12)</span><br /> <span class="indbox_text_color">От:</span> <a href="/fw/index.php/profile/1/">administrator</a> </div> <div style="float:right;" style="height:100%; width: 50px; border:1px solid #f00;" id="right_5" > <div id="id_5" style="padding:15px; text-align: center; border:1px solid #f00;"> <a href="/fw/index.php/profile/delete_message/5"><img src="/fw/files/icons/design/delete.png" width="16" height="16" style=";" /></a></div> <!-- этот блок должен всегда прилипать снизу --> <!-- конец блока --> </div> <div style="overflow:hidden; zoom:1; padding: 5px;"> 4444444444444444444444444<br /> </div> <div style="clear:both"></div> <div id="id_51" style="padding:15px; text-align: center; border:1px solid #f00;float:right;margin-top: -31px;"> <a href="/fw/index.php/profile/delete_message/5"><img src="/fw/files/icons/design/delete.png" width="16" height="16" style=";" /></a></div> </div> </div> </div> </div> </td> </tr> </table> </body> </html> я принцип показал - вообще код бы неплохо подчистить, что бы кроссбраузерно стало. и нельзя делать в одном документе одинаковые id.
-
снизу страницы, или снизу всех остальных блоков?
-
<div style="float:right;">это должно быть сверху</div> <div style="clear:right;"> содержимое этого блока снизу </div> или clear:both - всегда будет снизу
-
я не очень понял. Вы вставили картинку как фон или как картинку? если как фон с repeat-x, то как фон может растягивать блок?
-
на КСС3 заработает, а как вы по флангам развешаете картинки в родителе? background-image: url(1.png), url(2.png); background-position: left, right; background-repeat: repeat-y; нужно же пропагандировать
-
А почему же оно даёт-то так? Не могу никак понять) Вроде просто задание минимального размера, т.е. как минимум размер считать таким ... но как же он понимает какой теперь стал полный размер высоты?) вы посмотрите внимательно как реализован пример. Там два дива, дочерний уже родителя, а у родителя стоит фоном ваш зеленый цвет. Соответственно вложенный див, растягиваясь тянет внешний по высоте. В вашем случае с картинками это не будет решением проблемы. почему же не будет? нужны картинки - мультиплай бекграунд и все проблемы. Либо, если критичны старые браузеры, как девушка описывала выше, основному справа поставить картинку.
-
Он всегда так срабатывает это он не дивы растянул - в данном случае блок-обвертка просто дает нужный бекграунд. Во всех браузерах все ок.
-
Ну, или отрицательный маржин, я обычно использую.
-
Ладно, проблему решил. Баг объяснить так и не получилось. Было бы очень интересно, если кто понял, в чем была загвоздка. Помогло использование одним из значений - center, top, left и т.д. Конечно, решение для спрайта несерьезное, но в данном случае лучше чем апельсин: #images_carrier #images .item:hover { background-position: left -272px; !important} #images_carrier #images .expl { background-position: center top; !important} #images_carrier #images .expl:hover { background-position: center -272px; !important} #images_carrier #images .land { background-position: right top; !important} #images_carrier #images .land:hover { background-position: right -272px; !important} Да, спасибо за участие, решил уже. Все-таки суть проблемы так и не ясна. Весь нет обрыл, такое чувство, что у меня первого это вылезло Кто здесь модер? Как отметить в заголовке, что тема решена? Может, кому поможет.
-
сейчас буду пробовать) upd: не работает. аналогичная ситуация, как и была. может листинг укороченный привести, дабы удобнее было?
-
<a href="#" class="item" id="expl">Ввод в эксплуатацию</a> <a href="#" class="item" id="land">Земельные вопросы</a> вот эти - блок с классом и айди одновременно это я для наглядности - что хоть просто айди, хоть класс указывай - одинаковая проблема.
-
Так вот это и не сработает... ширина блоков-то разной бывает. Прийдётся кучу бэкграундовых картинок под каждый блок рисовать, что тоже гемор. А потом если ширина сайта изменится, снова перерисовывать? Это и зовётся гибкостью блочной вёрстки? <div style="width: 108px; min-height: 100px;background-color:lime; "> <div style="width: 4px; height: inherit; float: left;">1</div> <div style="width: 4px; height: inherit; float: right;">2</div> <div style="background-color:blue; width: 100px; margin-left: 4px; margin-right: 4px;"> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> asdf<br>asdf<br> </div> </div>
-
http://pravovest.kiev.ua/ - вот, там сейчас, как и в листинге - разные варианты - ни один не работает о_0 я никак не соображу, может, очепятка где.. хотя все уже перепробовал.