У меня возникла проблема при верстке...
Я начал делать свой сайт, вроде уже выходил на финишишнюю прямую в верстке, как вдруг столкнулся с такой проблемой: основной блок, где должен быть текст, при переполнении расширяется, но фон под собой не тянет, как например меню..[attachment=38018:1.jpg]
Вот именно так это выглядит.
Вот код сайта:
<!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=windows-1251" />
<title>Ломбард "Нет проблем"</title>
<link href="template.css" rel="stylesheet" type="text/css" />
<link href="contener.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<link href="text.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="head"></div>
<div class="contener_window">
<div class="window_main">
<div class="navigation_background">
<a href="index.html"><div class="navigation_home"></div></a>
<a href="map.html"><div class="navigation_map"></div></a>
<a href="mail.html"><div class="navigation_call"></div></a>
</div>
<div class="contener_top_menu">
<div class="top_menu_background"></div>
</div>
</div>
<div class="window_text">
<div class="marquee_background">
<marquee id="text_marquee">Вас приветствует сайт</marquee>
</div>
<div class="contener_menu">
<div class="contener_window_2"><div class="window_2_background">
<div class="window_2_main"></div>
</div>
<div class="window_2_text">
<div class="contener_window_2_text">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>trghtht</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div><div class="window_2_footer"></div></div>
<div class="menu_1_background">
<div class="menu_1_main"></div>
</div>
<div class="menu_1_text">
<div class="contener_menu_text">
<li id="text_menu">Главная страница
<li id="text_menu">Услуги
<li id="text_menu">Обратная связь
<li id="text_menu">История
<p> </p>
<p> </p>
</div>
</div>
<div class="menu_1_footer"></div>
</div>
<div class="menu_2_background">
<div class="menu_2_main"></div>
</div>
<div class="menu_2_text">
<div class="contener_menu_text">
<li id="text_menu">ujnuynj thth trghtht rtgth rgtg </p>
<li id="text_menu">ujnuynjnj
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div class="menu_2_footer"></div>
</div>
<div class="window_footer"></div>
</div>
</body>
</html>
А вот код всех css файлов:
@charset "windows-1251";
/* CSS Document */
body {
background-image: url(image/fon.jpg);
background-repeat:repeat;
background-attachment:fixed;
}
.head {
background-image: url(image/head/head.png);
background-repeat: no-repeat;
background-position: center center;
height: 207px;
width: 930px;
margin-left: auto;
margin-right: auto;
}
.window_main {
background-image: url(image/window/background1.png);
background-repeat: no-repeat;
background-position: center center;
height: 93px;
width: 930px;
margin-left: auto;
margin-right: auto;
}
.window_text {
background-image: url(image/window/background2.png);
background-repeat: repeat-y;
background-position: center center;
height: auto;
width: 930px;
margin-left: auto;
margin-right: auto;
min-height: 641px;
position: 50%;
}
.window_footer {
background-image: url(image/window/background3.png);
background-repeat: no-repeat;
background-position: center center;
height: 98px;
width: 930px;
margin-left: auto;
margin-right: auto;
}
.navigation_background {
background-image: url(image/navigation/background.png);
height: 55px;
width: 199px;
margin-left: +21px;
margin-top: +12px;
position: absolute;
}
.navigation_home {
background-image: url(image/navigation/home.png);
background-repeat: no-repeat;
background-position: center center;
height: 39px;
width: 38px;
position: absolute;
margin-left: +12px;
margin-top: +7px;
}
.navigation_map {
background-image: url(image/navigation/map.png);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
height: 29px;
width: 55px;
margin-left: +70px;
margin-top: +14px;
}
.navigation_call {
background-image: url(image/navigation/contact.png);
background-repeat: no-repeat;
background-position: center center;
height: 29px;
width: 42px;
margin-top: +14px;
margin-left: +142px;
position:absolute;
}
.top_menu_background {
background-image: url(image/menu_2/background.png);
background-repeat: no-repeat;
background-position: center center;
height: 55px;
width: 678px;
}
.marquee_background {
background-image: url(image/string/background.png);
background-repeat: no-repeat;
background-position: center center;
height: 36px;
width: 891px;
position: absolute;
margin-left: +21px;
margin-top: -7px;
}
.window_2_background {
background-image: url(image/window_2/background1.png);
background-repeat: no-repeat;
background-position: center center;
height: 43px;
width: 611px;
}
.window_2_text {
background-image: url(image/window_2/background3.png);
background-repeat: repeat-y;
background-position: center center;
width: 611px;
height: auto;
min-height: 536px;
position:relative;
margin-top: -15px;
}
.window_2_footer {
background-image: url(image/window_2/background4.png);
background-repeat: no-repeat;
background-position: center center;
height: 12px;
width: 611px;
margin-top: -16px;
}
.window_2_main {
background-image: url(image/window_2/headline.png);
background-repeat: no-repeat;
background-position: center center;
height: 43px;
}
a {
text-decoration:none;
}
.divide {
background-image: url(image/menu_2/divide.png);
background-repeat: no-repeat;
background-position: center center;
height: 48px;
width: 4px;
position:absolute;
}
.contener_window {
margin-top: +12px;
height: auto;
width:930px;
margin-left: auto;
margin-right: auto;
}
div.contener_window_2 {
height: auto;
width:611px;
position:absolute;
margin-left: +300px;
margin-top: +40px;
}
.contener_menu {
height: auto;
width: 273px;
position:relative;
}
.contener_menu_text {
width: 272px;
left: 0px;
}
.contener_top_menu {
height: 55px;
width: 678px;
margin-top: +20px;
position: absolute;
text-align:left;
margin-left: +230px;
margin-top: +12px;
}
.contener_window_2_text {
left: 4px;
width: 591px;
height: auto;
position:relative;
}
.menu_1_background {
background-image: url(image/menu_1/background1.png);
background-repeat: no-repeat;
height: 45px;
width: 272px;
background-position: center center;
position: relative;
top: +40px;
left: +20px;
}
.menu_1_main {
background-image: url(image/menu_1/headline.png);
background-repeat: no-repeat;
height: 45px;
width: 272px;
background-position: center center;
}
.menu_1_text {
background-image: url(image/menu_1/background2.png);
background-repeat: repeat-y;
background-position: center center;
height: auto;
width: 272px;
text-align: left;
text-indent: 35px;
text-decoration: none;
line-height: 45px;
min-height: 215px;
line-height: 30px;
top: +40px;
position:relative;
left: +20px;
}
.menu_1_footer {
background-image: url(image/menu_1/background4.png);
background-repeat: no-repeat;
background-position: center center;
height: 14px;
width: 272px;
left: +20px;
top: +20px;
position:relative;
}
.menu_2_background {
background-image: url(image/menu_1/background1.png);
background-repeat: no-repeat;
height: 45px;
width: 272px;
background-position: center center;
position: relative;
left: +20px;
top: +30px;
}
.menu_2_main {
background-image: url(image/kurs/headline.png);
background-repeat: no-repeat;
height: 45px;
width: 272px;
background-position: center center;
}
.menu_2_text {
background-image: url(image/menu_1/background2.png);
background-repeat: repeat-y;
background-position: center center;
height: auto;
width: 272px;
text-align: left;
text-indent: 35px;
text-decoration: none;
line-height: 45px;
min-height: 215px;
line-height: 30px;
position:relative;
left: +20px;
top: +30px;
}
.menu_2_footer {
background-image: url(image/menu_1/background4.png);
background-repeat: no-repeat;
background-position: center center;
height: 14px;
width: 272px;
left: +20px;
position:relative;
top: +10px;
}
#text_marquee {
font-family: Arial, Helvetica, sans-serif;
margin-top:+6px;
text-shadow: 0 0 1px #FFF;
font-style: italic;
}
#text_menu {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-style: normal;
text-shadow: #333;
color:#FFF;
text-shadow: 0 0 20px #000;
cursor:default;
list-style-type: disc;
list-style-position: inside;
margin-left:-1px;
}
#text_menu:hover {
color:#FF3;
}
#text_top_menu {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-style: normal;
list-style-image: url(image/menu_2/divide.png);
list-style-position: inside;
}
#menu{
list-style:none;
padding:0;
margin:0 auto;
width:500px;
overflow:hidden;
position:relative;
z-index:1;
}
#menu li{
float:left;
padding:0 30px;
margin:0;
}
#text_window_2_main {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
text-shadow: #6F9;
color: #FF3;
line-height: 50px;
text-shadow: 0 0 20px #000;
cursor:default;
text-shadow: 2px 2px 1px #000;
}
#text_window_2_text {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-style: normal;
margin-left:+5px;
text-shadow: #333;
color:#FFF;
line-height: 70px;
text-shadow: 0 0 20px #000;
cursor:default;
margin-top: -40px;;
list-style-type: disc;
list-style-position: inside;
margin-left: +80px;
}
Помогите мне пожалуйста решить мою проблему, уж очень хочется уже начать его заполнять :-(
Сообщение сайта
Проблема с версткой сайта
ser2031
0 
16.7.2011, 22:56;
Ответить: CandyDandy
Быстрая индексация страниц сайта и обратных ссылок - 2Index
