текст на фоне

romeros9 · April 8, 2009

Есть два DIVa один является фоном, другой текстом поверх, есть проблема с тем, что при увеличении текста фон не увеличивается в размере.

фон в диве это картинка, которая растянута по размерам дива.

заранее спасибо

Searcher · April 8, 2009

заключаете эти дивы в общий див и задаете фоновому 100% размеры

romeros9 · April 8, 2009

не тянется фон все равно. и текст уезжает дальше футера... надо чтобы все утягивалось. код:

/* CSS Document */
#bodyg {z-index: 1; float: left; position: relative; left: 1px; top: 1px; border: 0px solid black; padding: 0px; margin: 0px;
width:100%;
height: 100%;
text-align:left;
background-image:url(../images/bg.png);
background-color:#00CCFF;
background-repeat:repeat;
}
#body1{
z-index:2;
position:absolute;
width: 80%;
padding: 0px;
border: solid 0px black;
float: left;
top: 40px;
left: 10%;
height: 99%;
}
#body1a{
z-index:2;
position:absolute;
width: 100%;
padding: 0px;
height: 100%;
}
#body2 {
z-index:3;
position:absolute;
width: 90%;
border: solid 0px black;
top: 34px;
left: 39px;
overflow:hidden;
}
#h1 { font-style: Geneva, Arial, Helvetica, sans-serif; font-size:18px
}
#news { font-style:inherit; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333333
}
#news1 { font-style:inherit; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#333333
}
#footer{
z-index: 2;
position:absolute;
width: 80%;
height:50px;
left:103px;
bottom:10px;
top: 746px;
}
A {color:#666666;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  <meta http-equiv="content-type" content="text/html; charset=Windows-1251">
  <title>сайт семьи Горпиненко| site family Gorpinenko</title>
<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>


<body id="bodyg">

<div id="body1" align="center">
<div id="body1a"><img src="images/bg1.png" alt="" width="100%" height="100%"></div>
<div id="body2" align="center">
  <table width="100%">
	<tr>
	  <td align="center" valign="bottom" colspan="2" height="82px"> <a href="http://gorpinenco.narod.ru" onMouseOut="document.mypic.src='images/homes.png'" onMouseOver="document.mypic.src='images/homeb.png'" onMouseDown="document.mypic.src='images/homed.png'"><img name="mypic" src="images/homes.png" border="0"></a><a href="drevo.html" onMouseOut="document.mypic1.src='images/drevos.png'" onMouseOver="document.mypic1.src='images/drevob.png'" onMouseDown="document.mypic1.src='images/drevod.png'"><img name="mypic1" src="images/drevos.png" border="0"></a><a href="album.html" onMouseOut="document.mypic2.src='images/albums.png'" onMouseOver="document.mypic2.src='images/albumb.png'" onMouseDown="document.mypic2.src='images/albumd.png'"><img name="mypic2" src="images/albums.png" border="0"></a><a href="http://www.narod.ru/guestbook/?owner=145829479" onMouseOut="document.mypic3.src='images/guests.png'" onMouseOver="document.mypic3.src='images/guestb.png'" onMouseDown="document.mypic3.src='images/guestd.png'"><img name="mypic3" src="images/guests.png" border="0"></a> </td>
	</tr>
	<tr>
	  <td colspan="2"><h1>Здравствуйте! Вы зашли на сайт cемьи Горпиненко.</h1></td>
	</tr>
	<tr>
	  <td width="76%" align="left" valign="top"> На нашем сайте мы расказываем об истории нашей семьи, а также собираем информацию о нашей <br> <br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>фамилие.</td>
	  <td width="24%" align="left"><font id="news">Новости нашей семьи:</font> <br>
		   </td>
	</tr>
  </table>
</div></div>
<div id="footer" align="center">
  <table width="100%"><tr><td colspan="2" align="center"><a href="index.html"></a> | <a href="drevo.html"></a> | <a href="album.html"></a> | <a href="http://www.narod.ru/guestbook/?owner=145829479"></a>
</td></tr><tr><td></td><td align="right"><font size="-2" color="#666666">
© 2008-2009</font></td></tr> </table>
</div>

</body>
</html>

Edited April 8, 2009 by romeros9

Sign In

текст на фоне

Question

romeros9

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

romeros9

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information