Разпъване на екрана

dkalinkov

Registered
Значи имам си една картинка
bg02.jpg

и искам да я задам така, че да се повтаря на 1000px надолу, и ако има текст, дето е по-дълъг oт 1000px, да се повтаря до края на текста и още 100px под текста!
 
да знам че така става, но имам и доста по-къси страници и при тях картинката спира да се побтаря посредата на екрана
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style>
body {
background:url('image.jpg') repeat-y;
height:1000px;
width:100%;
padding-bottom:100px
}
</style>
</head>

<body>
<table>
<td>

</td>
</table>

</body>
</html>
 
embaka каза:
.mainDiv {
background:url('image.jpg') repeat-y ;
min-height:1000px;
width:100%;
padding-bottom:100px
}

като за да работи под ие6 добавяаш и това:

* html .mainDiv { height:1000px;}

В горния случай слагаш минимална височина на елемента, тъй като ие6 не разпознава тоя код се прави хакче , както съм го написал.
 
shterev каза:
embaka каза:
.mainDiv {
background:url('image.jpg') repeat-y ;
min-height:1000px;
width:100%;
padding-bottom:100px
}

като за да работи под ие6 добавяаш и това:

* html .mainDiv { height:1000px;}

В горния случай слагаш минимална височина на елемента, тъй като ие6 не разпознава тоя код се прави хакче , както съм го написал.
мерси, точно това ми трябваше, мерси
+1
 

Горе