Форумы портала PHP.SU

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Форумы портала PHP.SU » Список сообщений, автором которых является barcelona

Страниц (1): [1]

Найдено сообщений: 2

barcelona	Отправлено: 12 Декабря, 2007 - 16:59:37 • Тема: Как растянуть Div по содержимому? • Форум: HTML, Дизайн & CSS
Ответов: 3 Просмотров: 5599	Если ширину не указывать, то рамка растягивается на всю страницу.

barcelona

Отправлено: 12 Декабря, 2007 - 12:36:53 • Тема: Как растянуть Div по содержимому? • Форум: HTML, Дизайн & CSS

Ответов: 3
Просмотров: 5599

Здравствуйте!
Я откопал в Интернете код для создания закруглённых краёв рамок:

CODE (text):
скопировать код в буфер обмена

<style type="text/css">
* {margin:0; padding:0;}
body {font:14px arial; text-align:center;}
.rcg {margin:20px auto;text-align:left; [b]width:300px;[/b]}
.rb1,.rb2,.rb3,.rb4 {display:block; overflow:hidden;height:1px;}
.rb2,.rb3,.rb4,.text {border:#00f solid; border-width:0 1px;}
.rb1 {background:#00f; margin:0 5px;}
.rb2 {border-width:0 2px; margin:0 3px;}
.rb3 {margin:0 2px;}
.rb4 {margin:0 1px; height:2px;}
.text {display:block; padding:0 10px;}
</style>
 
<div class="rcg">
<b class="rb1"></b><b class="rb2"></b>
<b class="rb3"></b><b class="rb4"></b>
<div class="text">
Моё содержимое
</div>
<b class="rb4"></b><b class="rb3"></b>
<b class="rb2"></b><b class="rb1"></b>
</div>

Один недостаток: приходится указывать фиксированную ширину. Как сделать, чтобы такая конструкция растягивалась по содержимому? Заранее спасибо.

Страниц (1): [1]