Пропадает фон

Павел Билькис · July 3, 2009

Что то там доброе

Есть html код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
 <div id="container">
  <div id="left">
   <div id="logo">
	<p><a href="#"><img src="images/logo.jpg"></a></p>
   </div>
   <div id="menu">
	<ul>
	 <li><a href="#">menu fgfg</a></li>
	 <li><a href="#">menu fgfg</a></li>
	 <li><a href="#">menu fgfg</a></li>
	 <li><a href="#">menu fgfg</a></li>
	 <li><a href="#">menu fgfg</a></li>
	</ul>
   </div>
   <div id="content">
	<h2>Titlte site</h2>
	<p>Lorem ipsum dolor sit amet, quis quam vestibulum volutpat faucibus ligula perferendis, et ac luctus lacus, neque pellentesque erat diam etiam vel. Vitae metus metus porta, semper aenean est dis vel nec ornare. Diam cras eros fringilla fringilla. Nunc placerat litora, dolor etiam suspendisse elit sit bibendum viverra, cras scelerisque mi, congue tortor vel ut fringilla enim, ante porta magna turpis. Convallis vel cubilia enim maecenas fringilla et, magna id pellentesque tempus tincidunt, eu id et neque tincidunt nibh, wisi ultrices, blandit lorem sem sagittis. Faucibus molestie nunc, rhoncus blandit semper. Facilisis metus volutpat quis etiam, curabitur id amet vivamus sed per, ullamcorper ligula viverra ullamcorper mi cubilia fringilla, faucibus nulla, quis dictum. Est libero nulla quis quis habitant pede, ridiculus nulla donec molestie. Dui amet, lacinia facilisi rutrum est nec mauris sed, quo dui sit commodi massa mauris purus, augue eu scelerisque ut, luctus in.</p>
   </div>
  </div>
  <div id="right">
   <div id="search">
	<h2>Search!</h2>
	<form action="" method="post" name="form1">
	<p><input type="text" name="search"></p>
	<p><a href="java script:document.form1.submit()"><img src="images/search.jpg"></a></p>
	</form>
   </div>
   <div id="news">
   <h2>News</h2>
	<div class="news">
	 <span>title news</span>
	 <p>Lorem ipsum dolor sit amet, quis quam vestibulum volutpat faucibus ligula perferendis, et ac luctus lacus, neque pellentesque erat diam etiam vel.
	 Vitae metus metus porta, semper aenean est dis vel nec ornare.</p>
	</div>
   </div>
   <div class="news">
	 <span>title news</span>
	 <p>Lorem ipsum dolor sit amet, quis quam vestibulum volutpat faucibus ligula perferendis, et ac luctus lacus, neque pellentesque erat diam etiam vel.
	 Vitae metus metus porta, semper aenean est dis vel nec ornare.</p>
   </div>
   <div class="news">
	 <span>title news</span>
	 <p>Lorem ipsum dolor sit amet, quis quam vestibulum volutpat faucibus ligula perferendis, et ac luctus lacus, neque pellentesque erat diam etiam vel.
	 Vitae metus metus porta, semper aenean est dis vel nec ornare.</p>
	</div>
   </div>
  </div>
  <div class="clear"></div>
 </div>
 <div id="footer">

 </div>
</body>
</html>

и сss

body{
  background-image:url(images/back.jpg);
  background-repeat:repeat-x;
  background-color:#fff6ec;
  margin:0;
  padding:0;
  font-family:Trebuchet MS;
  font-size:14px;
  color:#34160c;
}

#container{
  width:900px;
  margin:0 auto;
  background-image:url(images/back_2.jpg);
  background-repeat:no-repeat;
  background-position:top 60%;
  }

#logo{
 padding-top:20px;
 padding-left:15px;
 display:block;
}

#left{
  width:600px;
}

#right{
   width:100px;
}

#left, #right{
  float:left;
}

.clear{
  clear:both;
}

Проблема в том, что фон у #container не появляется. А когда я убираю эту строчку:

#left, #right{
  float:left;
}

фон появляется. Что делать??

Павел Билькис · July 3, 2009

проблема решена. Можно крякнуть тему

#container{
  width:80%;
  margin:0 auto;
  overflow: hidden;
  background-image:url(images/back_2.jpg);
  background-repeat:no-repeat;
  background-position:top 60%; 
  _zoom:1;
  }

psywalker · July 4, 2009

Павел Билькис

Тебе на фриланс уже пора давно, чё ты тупишь?

Павел Билькис · July 4, 2009

я там уже был. Сделал три-четыри проекта, в одну ночь все прогулял(mp3 плеер купил). там очень сильная конкуренция. Я сейчас работаю над созданием портфолио.

psywalker · July 4, 2009

Павел Билькис

я там уже был. Сделал три-четыри проекта, в одну ночь все прогулял(mp3 плеер купил). там очень сильная конкуренция. Я сейчас работаю над созданием портфолио.

Зря ты так, зачем тебе портфолио, я считаю, что тебе и так нет равных, просто объяви там, что Ты зашёл! и всё, все заказчики на тебя сами набросятся, я уверен

Павел Билькис · July 4, 2009

не понял ни юмора, не совета

psywalker · July 4, 2009

не понял ни юмора, не совета

Да нее, всё нормально, я просто смотрю на твой код, сразу видно - профессиональный, вот например эта строка

   <div id="logo">
	<p><a href="#"><img src="images/logo.jpg"></a></p>
   </div>

говорит о том, что тебе пора на фриланс, потому что там все такие-же профи, как и ты

Aleksandrid · July 14, 2009

НЕ ЗНАЮ, МОЖЕТ ЧЕМ ТО И ПОМОЖЕТ)

http://positioniseverything.net/explorer/ie-listbug.html

Sign In

Пропадает фон

Question

Павел Билькис

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Павел Билькис

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Павел Билькис

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Павел Билькис

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Aleksandrid

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information