проблема

stars · November 8, 2008

Здравствуйте, у меня есть такая проблема:

Значится есть 3 блока 2 по краям(для рамки) один по середини чистый у него задана ширина и белый фон в него из базы выводится текст, проблема в том что текст может быть разной величины и поэтому не хочется задавать этому блоку высоту ну чтобы он растягивался зависимости от обьема текста собственно это он делает великолепно, но по бокам есть 2 дива у них прописан бг и маленькова кусочка шириной 18px высотой 1px и хочется чтобы этот кусочек повторялся по всей высоте главного блока, а он не как не хочет повторятся без задания высоты…

http://s61.radikal.ru/i174/0811/82/2ce78ed25139.jpg

DjTarik · November 8, 2008

Делай через таблицы...

или что-то типо такого:

</div>

Edited November 8, 2008 by DjTarik

Anami · November 8, 2008

Лучше приведите код

stars · November 9, 2008

DjTarik said:
Делай через таблицы...
или что-то типо такого:
<div class="первый бэкгроунд - левый, к примеру">
<div class="второй бэкгроунд - правый, к примеру">
<div class="твой контент + отступы от бэкгроундов"></div>
</div>
</div>

Сначало прочел не чего не понял совсем уставший был, потом сел сам думать придумал решение решил выложить сюда увидел что сделал по твоей схеме... Спасибо что помог )

вот так я сделал

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Картинка</title>
<style>
.red {
	width: 860px;
	color: black;
	margin-left: 20px;
}
.red1 {
	width: 900px;
	background-image: url(../2/img/lev1.jpg);
	background-repeat: repeat-y;
	background-position: left;
	position: relative;
}
.red2 {
	width: 900px;
	background-image: url(../2/img/prav1.jpg);
	background-repeat: repeat-y;
	background-position: right;
	background-color: white;
}
</style>
</head>
<body>
<div class="red2"><div class="red1">
<div class="red">
<br>
<br>
<br>
<br>
<br>
</div>
</div>
</div>
</body>
</html>

Edited November 9, 2008 by stars

Sign In

проблема

Question

stars

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

DjTarik

Link to comment

Share on other sites

Anami

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information