Studio AD : Блок под блоком.

Страница 1 из 1
1

Форум Studio AD » Сайтостроение » Общий форум по CSS » Блок под блоком.

Блок под блоком.

Jaguar

Дата: Среда, 10.08.2011, 00:42 | Сообщение # 1

молчун

Группа: Проверенные

Пользователь №: 3865

Сообщений: 10

Карма: 0

Замечания: 0%

Здравствуйте! Я разрабатываю сайт, но у меня появилась проблема:

Блок, который выполняет функцию рамки (если кто подскажет, как сделать рамку в 6px белого цвета с 50% прозрачности, то вопрос решен) не хочет правильно функционировать. Как было задано min-height, так он и остается... Не масштабируется вообщем. Причем похожие стили были у блока body, но он масштабируется прекрасно. Вот небольшой листинг HTML кода:

А вот листинг CSS

Code

@font-face {
      font-family: menu;
      src: url(/templates/anime/fonts/search.otf);
     }

#background {
background: url(/templates/anime/images/background.png);
}

#body {
width: 862px;
position: absolute;
left: 50%;
margin-left: -431px;
border-radius: 59 59 25 25;
background: url(/templates/anime/images/top.png) no-repeat;
background-color: black;
min-height: 524px;
z-index: 2;
margin-top: 6px;
padding-bottom: 10px;
}

#bodyborder {
width: 874px;
position: absolute;
left: 50%;
margin-left: -437px;
border-radius: 59 59 25 25;
background: url(/templates/anime/images/bodyborder.png);
min-height: 536px;
z-index: 1;
top: 3px;
}

#menu {
margin-top: 257px;
width: 862px;
height: 82px;
background-color: white;
list-style: none;
}

#menu #home {
width: 151px;
height: 82px;
background: url(/templates/anime/images/menu.png) 0px 82px repeat-y;
background-position: 0px 82px;
}

#menu #home:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: 0px 0px;
}

#menu #categories {
width: 170px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -151px 82px;
}

#menu #categories:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -151px 0px;
}

#menu #styles {
width: 170px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -321px 82px;
}

#menu #styles:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -321px 0px;
}

#menu #about {
width: 170px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -491px 82px;
}

#menu #about:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -491px 0px;
}

#menu #donate {
width: 201px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -661px 82px;
}

#menu #donate:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -661px 0px;
}

#menu #donate, #menu #about, #menu #styles, #menu #categories, #menu #home {
float: left;
font: 32pt menu;
text-align: center;
}

#menu b {
position: relative;
top: 15px;
cursor: default;
}

#clear01 {
background-color: #dcdad4;
opacity: 0;
}

#bodytextarea {
background-color: #dcdad4;
margin-left: 10px;
margin-right: 10px;
border-radius: 59 59 25 25;
}

Сообщение отредактировал Jaguar - Среда, 10.08.2011, 00:43

kiko

Дата: Вторник, 11.10.2011, 01:08 | Сообщение # 2

молчун

Группа: Пользователи

Пользователь №: 3750

Сообщений: 3

Карма: 0

Замечания: 0%

overflow: hidden;

Верстаю макеты!
skype:moomot1

Форум Studio AD » Сайтостроение » Общий форум по CSS » Блок под блоком.

Страница 1 из 1
1