Проблемы с фоном

koroles · November 10, 2011

вот страничка сайта я сделал фон с помощью


body {
background-image: url(img/fon.jpeg);
background-repeat: repeat;
}

Все норм,но мне нужно там где сама страничка был белый фон!я сначала просто взял белю картинку и поставил ее на фон,но мне сказали что так нельзя делать и у мя никак не получается сделать белый фон и при этом во круг сайта стоял этот фон!!как мне так сделать?

вот так должно быть

 html

<html>
<head>
<link rel="stylesheet" type="text/css" href="gh.css" title="MyStyleSheet"> 
<title>Иваново</title>
</head>
<body>
<div id="cen">
<div>
<img src="img/flag.jpg" width="1024">
<img src="img/1.png" width="1024">
</div>
<div>
<img src="img/lev.jpeg" width="100" height="1200" id="le">
<img src="img/rig.jpeg" width="100" height="1200" id="ri">
</div>
<div>
<img src="img/1.png" width="1024" id="bot">
</div>
<div class="menu">
<ul> 
<li><a class="hide" href="">О Иваново</a>
<ul>
<li><a href="" title="">История города</a></li>
<li><a href="" title="">Известные уроженцы города</a></li>
<li><a href="" title="">Исторические достопримечательности</a></li>
</ul>    
</li>
 <li><a class="hide" href="">Учереждения города</a> 
<ul>
<li><a href="" title="">Образовательные учереждения</a></li>
<li><a href="" title="">Здравохранительные учереждения</a></li>
<li><a href="" title="">Кинотеатры</a></li>
<li><a href="" title="">Музеи</a></li>
</ul>
</li>  
 <li><a class="hide" href="">Галлерея</a> 
<ul>
<li><a href="" title="">Фото</a></li>
<li><a href="" title="">Видео</a></li>
</ul>
</li>
 <li><a class="hide" href="">Отзывы и предложения</a> 
<ul>
<li><a href="" title="">хз пока не придумали</a></li>
</ul>
</li>
</ul>
</div>

<div id="tab">
<div style="border:solid #bbb; border-width:1px 0;width:342;background:PaleTurquoise;font-weight:800" align="center"><span class="fn org" style="font-size:120%">Иваново</span></div>
<table style="background:inherit;width:344" border="1" cellspacing="0">
<tr>
<td style="background:#f0f0f0;font-weight:bold">Флаг</td>
<td style="background:#f0f0f0;font-weight:bold">Герб</td>
</tr>
<tr>
<td style="vertical-align:middle"><img alt="Флаг" src="http://i.imgur.com/LOGRm.png" width="160" height="106" /></td>
<td style="vertical-align:middle"><img alt="Герб" src="http://i.imgur.com/ENmq5.png" width="90" height="122" /></td>
</tr>
</table>
<table style="background:inherit;width:300" cellspacing="0" border="1" >
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Страна</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">Россия<span class="adr" style="display:none"><span class="country-name">Россия</span></span></td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Субъект федерации</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">Ивановская область<span class="adr" style="display:none"><span class="region">Ивановская область</span></span></td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Внутреннее деление</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">4 района:<br />
Ленинский, Октябрьский,<br />
Советский, Фрунзенский</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Глава</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">Вячеслав Михайлович Сверчков (с 24 марта 2010 г.)</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Первое упоминание</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">1561</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Прежние названия</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">до 1932 — <i>Иваново-Вознесенск</i><br /></td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Город с</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">1871</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Площадь</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">104,84<sup id="cite_ref-.D0.9F.D0.BB.D0.BE.D1.89.D0.B0.D0.B4.D1.8C_0-0" class="reference"></sup> км</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Высота центра</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">120 м</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Население</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em"><span style="white-space: nowrap;"><span style="color: #0c0; font-size: larger;">^</span> 409 277 человек (2011)</span></td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Этнохороним</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">ивановец, ивановка, ивановцы</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Часовой пояс</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">UTC+4</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Телефонный код</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">+7 4932</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Почтовый индекс</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">153000</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Автомобильный код</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">37</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Код ОКАТО</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">24 401</td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Официальный сайт</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em"><a rel="nofollow" class="external free" href="http://ivgoradm.ru/">http://ivgoradm.ru/</a></td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Награды</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em"><a href="" title="Орден Октябрьской Революции — 1970"><img alt="Орден Октябрьской Революции — 1970" src="http://i.imgur.com/3veVu.gif" width="36" height="35" /></a></td>
</tr>
<tr>
<td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Прозвища</td>
<td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">Русский Манчестер<br />
Красный Манчестер<br />
Родина первого совета<br />
Город невест</td>
</tr>
</table>
</div>

</div>

</body>
</html>

 css
#cen{
position: relative;
margin:0 auto 0 auto;
width: 1000px;
top:-7;
}
#ri {
position: relative;
left:820;
}
#le {
position: relative;
top:0;
}
#bot {
position: relative;
top:-10;
}
body {
background-image: url(img/fon.jpeg);
background-repeat: repeat;
}
#tab {
position: relative;
top:-1170;
left:570;
}
.menu{
    font-family:arial, sans-serif;
    width:1500;
        top:-1212;
    position:relative;
    font-size:11px;
    z-index:10
}
.menu ul li a, .menu ul li a:visited{
    display:block;
    text-decoration:none;
    color:#000;
    width:256px;
    height:20px;
    text-align:center;
    color:#000000; /*Цвет букв начальных*/
    border:1 solid #000000; /*Ширина между строк*/
    background:#ffffff; /*Цвет главной рамки*/
    line-height:20px;
    font-size:11px;
    overflow:hidden
}
.menu ul{
    padding:0;
    margin:0;
    list-style:none
}
.menu ul li{
    float:left;
    position:relative}
.menu ul li ul{
    display:none
}
.menu ul li:hover a{
    color:#000000;
}
.menu ul li:hover ul{
    display:block;
    position:absolute;
    top:21px;
    left:0;
    width:105px
}
.menu ul li:hover ul li a{
    display:block;
    background:#fff;
    color:#000
}
.menu ul li:hover ul li a:hover{
    background:#ffff00;
    color:#000
}

JIyHa · November 12, 2011

Может

#cen{
position: relative;
margin:0 auto 0 auto;
width: 1000px;
top:-7;
background: #ffffff;
}

?

Sign In

Проблемы с фоном

Recommended Posts

koroles

Link to comment

Share on other sites

JIyHa

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information