в HTML
и в CSSКод:<div id="rig" class="rounded"> * * * * * * * * * *<div class="content"> * * * *... * *</div> </div>
Код:div.rounded{ * *position: relative; * *margin: 0px 0px 0px 0px; * *background: url(img/bgcen.gif) repeat-x; * *padding: 0px 0px 0px 0px; } div.corner { * *position: absolute; * *width: 10px; * *height: 10px; } div.topleft { * *background-image: url(img/ctl.gif); } div.topright{ * *right: 0px; * *background-image: url(img/ctr.gif); } div.bottomleft { * *bottom: 0px; * *background-image: url(img/cbl.gif); } div.bottomright { * *bottom: 0px; * *right: 0px; * *background-image: url(img/cbr.gif); } div.content { * *margin: 0px 10px 0px 10px; * *padding: 10px 0px 10px 0px; }
а если можно сделать контейнер плавающим, то в HTML
в CSSКод:<div id="rig" class="rounded"> * * * * * *<div class="content"> * * * *... * *</div> * * * * </div>
я бы сделал так (имея ввиду, что следующие в потоке элементы мой контейнер догонятКод:div.rounded{ * *float: left; * *clear: both; * *margin: 0px 0px 0px 0px; * *background: url(img/bgcen.gif) repeat-x; * *padding: 0px 0px 0px 0px; * *border: 1px solid Red; } div.corner { * *width: 10px; * *height: 10px; * *border: 1px solid Green; } div.topleft { * *float: left; * *background-image: url(../images/ctl.png); } div.topright{ * *float: right; * *background-image: url(../images/ctr.png); } div.bottomleft { * *float: left; * *background-image: url(../images/cbl.png); } div.bottomright { * *float: right; * *background-image: url(../images/cbr.png); } div.content { * *border: 1px solid Blue; * *margin: 0px 10px 0px 10px; * *padding: 10px 0px 10px 0px; })
ps: абсолютно позиционировать внутри контейнера можно лишь тогда, когда сам контейнер позиционирован. padding контейнера придется обнулить и задать отступы правилом для div'а content (иначе углы не выроняются по краю контейнера). margin контейнера тоже - эскплорерсчитает, что margin-отступы - это часть объекта (задайте их окружающими объектами или задайте отступы углов от границ ненулевыми и равными вашим margin-отступам, а в селекторе, который эксплорер
не понимает, укажите что нужно делать прочим вменяемым браузерам).
pps: в мозиллах еще moz-правила есть. а еще лучше такие вещи делать генерируемым контентом. но эксплорер
не поймет...



считает, что margin-отступы - это часть объекта (задайте их окружающими объектами или задайте отступы углов от границ ненулевыми и равными вашим margin-отступам, а в селекторе, который эксплорер
