Выходит текст за пределы картинки

S1
На сайте с 12.10.2014
Offline
0
1178

Добрый вечер.

Учусь верстать, всех тонкостей не знаю, надеюсь на вашу помощь)

Выезжает текст за рамки картинки, при уменьшение(сжимание) окна браузера.

Html

<div id="Layer1">
<div id="Layer1_Container" style="width:1000px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="Layer1_Container2" style="width:1000px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<!--<div id="wb_Image8" style="position:absolute;left:608px;top:14px;width:108px;height:119px;z-index:12;"> <img src="images/cdbg.png" id="Image8" alt="" style="width:108px;height:119px;"></div>
<div id="wb_Image4" style="position:absolute;left:718px;top:14px;width:108px;height:119px;z-index:13;"> <img src="images/cdbg.png" id="Image4" alt="" style="width:108px;height:119px;"></div>
<div id="wb_Image3" style="position:absolute;left:827px;top:14px;width:108px;height:119px;z-index:14;"> <img src="images/cdbg.png" id="Image3" alt="" style="width:108px;height:119px;"></div>-->
<div id="wb_Text9" style="position:absolute;left:676px;top:171px;width:224px;height:36px;z-index:15;text-align:left;"> <span style="color:#2F4F4F;font-family:'Trebuchet MS';font-size:13px;"><em>оставьте ваше имя, телефон<br>
и e-mail в форме ниже</em></span></div>
<div id="wb_Text8" style="position:absolute;left: 578px;top:111px;width:390px;height:29px;text-align:center;z-index:16;"> <span style="color:#000000;font-family:'Trebuchet MS';font-size:24px;"><strong>осталось до конца акции</strong></span></div>
<div id="wb_Text8" style="position:absolute;left: 578px;top:143px;width:590px;height:29px;text-align:center;z-index:16;"> <span style="color:#000000;font-family:'Trebuchet MS';font-size:24px;"><strong>Оставь заявку и получи подарок при заказе</strong></span></div>
<div id="wb_Form1" style="position:absolute;left:583px;top:207px;width:327px;height:191px;z-index:17;">

<form name="Form1" method="post" action="./zakaz.php" id="Form1">
<div id="wb_Image11" style="position:absolute;left:92px;top:48px;width:229px;height:41px;z-index:0;"> <img src="images/formbgna2.png" id="Image11" alt="" style="width:229px;height:41px;"></div>
<div id="wb_Image12" style="position:absolute;left:92px;top:93px;width:229px;height:41px;z-index:1;"> <img src="images/formbgna2.png" id="Image12" alt="" style="width:229px;height:41px;"></div>
<div id="wb_Image9" style="position:absolute;left:92px;top:3px;width:229px;height:41px;z-index:2;"> <img src="images/formbgna2.png" id="Image9" alt="" style="width:229px;height:41px;"></div>
<div id="wb_Text25" style="position:absolute;left:2px;top:59px;width:85px;height:18px;text-align:right;z-index:3;"> <span style="color:#000000;font-family:'Trebuchet MS';font-size:13px;">ваш e-mail:</span></div>
<input type="text" id="Editbox1" onMouseOver="SetImage('Image9','images/formbgna2.png');return false;" onMouseOut="SetImage('Image9','images/formbgna2.png');return false;" style="position:absolute;left:99px;top:7px;width:214px;height:30px;line-height:30px;z-index:4;" name="Editbox1" value="" placeholder="***1074;***1072;***1096;***1077; ***1080;***1084;***1103;">
<input type="text" id="Editbox2" onMouseOver="SetImage('Image11','images/formbgna2.png');return false;" onMouseOut="SetImage('Image11','images/formbgna2.png');return false;" style="position:absolute;left:97px;top:53px;width:214px;height:31px;line-height:31px;z-index:5;" name="Editbox2" value="" placeholder="***1074;***1072;***1096; e-mail">
<input type="text" id="Editbox3" onMouseOver="SetImage('Image12','images/formbgna2.png');return false;" onMouseOut="SetImage('Image12','images/formbgna2.png');return false;" style="position:absolute;left:98px;top:99px;width:215px;height:30px;line-height:30px;z-index:6;" name="Editbox3" value="" placeholder="***1074;***1072;***1096; ***1090;***1077;***1083;***1077;***1092;***1086;***1085;">
<div id="wb_Text24" style="position:absolute;left:0px;top:11px;width:85px;height:18px;text-align:right;z-index:7;"> <span style="color:#000000;font-family:'Trebuchet MS';font-size:13px;">ваше имя:</span></div>
<div id="wb_Text26" style="position:absolute;left:3px;top:106px;width:86px;height:36px;text-align:right;z-index:8;"> <span style="color:#000000;font-family:'Trebuchet MS';font-size:13px;">ваш телефон:</span></div>
<div id="wb_Image10" style="position:absolute;left:84px;top:145px;width:183px;height:37px;z-index:9;"> <img src="images/but.png" id="Image10" alt="" style="width:183px;height:37px;"></div>
<div id="wb_Text7" style="position:absolute;left:98px;top:151px;width:159px;height:24px;text-align:center;z-index:10;">
<style type="text/css">
</style>
<span style="color:#000000;font-family:'Trebuchet MS';font-size:19px;"><strong>оставить заявку</strong></span></div>
<input type="submit" id="Button1" onMouseOver="SetImage('Image9','images/formbgna2.png');SetImage('Image11','images/formbgna2.png');SetImage('Image12','images/formbgna2.png');SetImage('Image10','images/but.png');return false;" onMouseOut="SetImage('Image9','images/formbgna2.png');SetImage('Image11','images/formbgna2.png');SetImage('Image12','images/formbgna2.png');SetImage('Image10','images/but.png');return false;" name="Button" value="Оставить заявку" style="position:absolute;left:85px;top:142px;width:185px;height:37px;z-index:11;">
</form>
</div>

<iframe name="InlineFrame1" id="InlineFrame7" style="position:absolute;left:622px;top:24px;width:370px;height:165px;z-index:19;" src="timer.html" scrolling="no"></iframe>
<iframe name="InlineFrame17" id="InlineFrame17" style="position:absolute;left:20px;top:181px;width:408px;height:196px;z-index:25;" src="./small_slider.html" scrolling="no"></iframe>
<div id="wb_Image38" style="position:absolute; left:323px; top:7px; width:300px; height:200px; z-index:26;"> <img src="images/badge4.png" alt="" width="300" height="200" id="Image38" style="width:270px;height:180px;"></div>
<div id="wb_Text27" style="position:absolute; left:391px; top:39px; width:138px; height:70px; text-align:center; z-index:27;"><span style="color:#FFFFFF;font-family:'Trebuchet MS';font-size:27px;"><strong><a href="#cola">Закажи и получи</a></strong></span></div>
<div id="wb_Text28" style="position:absolute; left:383px; top:116px; width:155px; height:36px; text-align:center; z-index:28;"><span style="color:#000000;font-family:'Trebuchet MS';font-size:13px;"><em>подарок!</em></span></div>
<div id="wb_Text14" style="position:absolute;left:25px;top:30px;width:293px;height:68px;text-align:center;z-index:29;"> <span style="color:#FF0000;font-family:Impact;font-size:27px;">Успейте заказать и получить подарок!</span></div>
<div id="wb_Text14" style="position:absolute;left:25px;top:105px;width:293px;height:68px;text-align:center;z-index:29;"> <span style="color:#FF0000;font-family:Impact;font-size:27px;"></span></div>
</div>
</div>
</div>

CSS

#Layer1

{
background-color: transparent;
background-image: url(images/mbg.jpg);
background-repeat: repeat-x;
background-position: center top;
position:absolute;
text-align:center;
left:0px;
top:290px;
width:100%;
height:414px;
z-index:69;
}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий