VPF::Сложная конструкция дивов - Форум программистов

maxvektor

Дата 17.3.2009, 14:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 6.3.2008
Где: Одесса

Репутация: нет
Всего: нет

Скриншот:

Пытаюсь сделать блок с закругленными краями. Верхняя часть - 9 дивов и нижняя - один див. Как сделать, чтобы родительский див принмал размеры верхнего ряда, а нижний, в свою очередь, родительского дива? Кроме того, дримвьюер вообще показывает нижний див в одной строке с верхними - подскажите, в чем проблема? Или есть варианты более рационального решения задачи - буду рад. smile

Css

Код


body{text-decoration:none}
.maindiv{ width:auto; text-decoration:none; float:none;}
.left{background: url(../img/krug/left.gif); width:16px; float:left; text-decoration:none;}
.center{background: #DCDCDC;float:left; text-decoration:none;}
.rite{background: url(../img/krug/rite.gif); width:16px; float:left; text-decoration:none;}
.divm{float:none; background:#DCDCDC; width:inherit;}

html

Код


<head>
<link type="text/css" rel="StyleSheet" href="stylenew.css" />
<title>Untitled Document</title>
</head>

<body>
    <div class="maindiv">
        <div>
            <div class="left">&nbsp;</div>
            <div class="center">11111111111</div>
            <div class="rite">&nbsp;</div>
        </div>
        <div>
            <div class="left">&nbsp;</div>
            <div class="center">222222</div>
            <div class="rite">&nbsp;</div>
        </div>
        <div>
            <div class="left">&nbsp;</div>
            <div class="center">333333333333</div>
            <div class="rite" >&nbsp;</div>
        </div>
        <br />
        <div class="divm">ld kfjgdgf hjkgf djghkf jgdfh jgfhd jgfd hgjdfh<br />ld kfjgdgf hjkgf djghkf jgdfh jgfhd jgfd hgjdfh<br />ld kfjgdgf hjkgf djghkf jgdfh jgfhd jgfd hgjdfh<br />ld kfjgdgf hjkgf djghkf jgdfh jgfhd jgfd hgjdfh<br />
  </div>
    </div>
    
</body>
</html>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »