X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

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

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Высота Div. Прошу помощи
freesoul_hb
freesoul_hb
Topic Starter сообщение 10.2.2011, 18:44; Ответить: freesoul_hb
Сообщение #1


Привет
есть небольшой код



<div id="body">
<div id="leftcol">
<div id="leftsidea"></div>
<div id="leftsideb"></div>
<div id="leftsidec"></div>
</div>
<div id="bodycenter">
text
</div>
<div id="rightside"></div>
</div>



и css

[CSS]#leftcol{
width:145px;
float:left;
height:100%;
}
#body{
text-align: center;
width:1300px;
float:left;
}
#leftsidea{
text-align: left;
width:145px;
background-image: url('../images/leftside.png');
background-repeat: repeat-y;
float:left;
}
#leftsideb{
text-align: left;
width:145px;
height:34px;
background-image: url('../images/leftmid.png');
background-repeat: no-repeat;
float:left;
}
#leftsidec{
text-align: left;
height:100%
width:145px;
background-image: url('../images/leftmid2.png');
background-repeat: repeat-y;
float:left;
}
#bodycenter{
width:1095px;
text-align: center;
background-color:#f2f4f2;
float:left;
}
#rightside{
text-align: right;
width:60px;
height:100%;
background-image: url('../images/rightside.png');
background-repeat: repeat-y;
float:left;
}[/CSS]


не выходит у меня никак repeat-y по вертикали
Вот что нужно получить

[attachment=37466:div.jpg]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LoaD_hb
LoaD_hb
сообщение 11.2.2011, 11:07; Ответить: LoaD_hb
Сообщение #2


Может быть попробовать вот так:
[CSS]
background:url(images/1.png) repeat-y;
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
сообщение 11.2.2011, 11:37; Ответить: FightInGlory
Сообщение #3


У вас не указана высота родительских блоков.
[CSS]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Test</title>
<style type="text/css">
*{
padding:0;
margin:0;
}
html,body{
height:100%;
width:100%;
}
#leftcol{
width:145px;
float:left;
height:100%;
}
#body{
text-align: center;
width:1300px;
float:left;
height:100%;
}
#leftsidea{
text-align: left;
width:145px;
background-image: url('../images/leftside.png');
background-repeat: repeat-y;
float:left;
}
#leftsideb{
text-align: left;
width:145px;
height:34px;
background-image: url('../images/leftmid.png');
background-repeat: no-repeat;
float:left;
}
#leftsidec{
text-align: left;
height:100%
width:145px;
background-image: url('../images/leftmid2.png');
background-repeat: repeat-y;
float:left;
}
#bodycenter{
width:1095px;
text-align: center;
background-color:#f2f4f2;
float:left;
height:100%;
}
#rightside{
text-align: right;
width:60px;
height:100%;
background-image: url('../images/rightside.png');
background-repeat: repeat-y;
float:left;
}
</style>
</head>

<body>
<div id="body">
<div id="leftcol">
<div id="leftsidea"></div>
<div id="leftsideb"></div>
<div id="leftsidec"></div>
</div>
<div id="bodycenter">
text
</div>
<div id="rightside"></div>
</div>
</body>
</html>
[/CSS]

И зачем вам в #body указывать text-align:center? Вы хотите расположить блок по середине? Если да то это делается не так, пропишите margin:0 auto;

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНудаюсь в помощи
WP ускорить по PageSpeed
13 MihalychAIP 2611 20.4.2022, 2:10
автор: sergogogo
Открытая тема (нет новых ответов) Автоматическая высота grid
0 askjust.ru 4508 13.2.2019, 13:32
автор: -askjust.ru-
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыМонетизация сайтов при помощи CPA-сетей
13 agrx 3089 23.12.2018, 14:19
автор: agrx
Открытая тема (нет новых ответов) Поиск ключевиков при помощи мутагена
0 tvsm22 2749 27.2.2018, 12:43
автор: tvsm22


 



RSS Текстовая версия Сейчас: 29.3.2024, 19:34
Дизайн