Конфликт float и блоков

Mary_RND · February 19, 2010

Попыталась искать похожую тему что-то не получилось

Есть такой html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lagn="ru">
<head>
<title></title> 	
<META http-equiv=Content-Type content="text/html; charset=windows-1251" />    	
<META name="keywords" content="" /> 	
<META name="description" content="" /> 	
<LINK REL="stylesheet" TYPE="text/css" HREF="_css/style.css" />
<LINK REL="SHORTCUT ICON" HREF="http://site.ru/favicon.ico" />
<script type="text/javascript" src="_css/jquery-1.js"></script>
<script src="_css/AC_RunActiveContent.js" language="javascript"></script>
<!--[if IE 6]>
<script type="text/javascript" src="ie6fix.js"></script>
<script type="text/javascript">
	DD_belatedPNG.fix('.png24');
</script>
<![endif]-->
</head>

<body id="inner_1">
<div id="wrapper">
<div id="wrapper_r">
		<!-- path -->
	  	 <div class="path">
		   <a href="#">Главная</a>
		 </div>
		<!-- / path -->


<div id="content">
  <h1>Страны мира</h1>

<ul class="strany">
 	<li>Европа
	<ul>
           <li><a href="#">Австрия</a></li>
           <li><a href="#">Великобритания</a></li>
           <li><a href="#">Венгрия</a></li>
           <li><a href="#">Германия</a></li>
    <li><a href="#">Ямайка</a></li>
        </ul>
	</li>
</ul>

</div> 

</div>
</div>

</body>
</html>

И css

#inner_1 #wrapper {
  float:left;
  width:100%;
  margin: 0px;
  margin-top: -1px;
  background: url(../i/bg_left_wrap.gif) repeat-y left top;
  }

#inner_1 #wrapper_r {
  float: right;
  background: url(../i/bg_right_wrap.gif) repeat-y right top;
  }

#inner_1 #content {
  width: 100%;
  margin: 0 60px;
  padding-top: 25px;
  float: left;
  }

Вот так это выглядит

При том же css но без в #wrapper_r float: right так

Как сделать чтобы нормально тянулся фон в блоке, но текст при этом не уезжал никуда >< Спасибо)

Edited February 19, 2010 by Mary_RND

klierik · February 19, 2010

выкладывайте в интернет... так сходу проблематично что-то подсказать...

shvv · February 19, 2010

Телепатически могу предположить, что проблема здесь

#inner_1 #content {
width: 100%;
margin: 0 60px;

Еще интересно, а в каком это браузере?

Mary_RND · February 22, 2010

klierik

К сожалению в интернете выложить не получиться><

shvv

Забавно что все одинаково

Извините пишу с мобильного><

klierik · February 22, 2010

на e-mail выслать страницу, с графикой и стилями возможность есть?

если да ,то пишите: contact@klierik.com

Mary_RND · February 24, 2010

Скажу так, с глюком я разобралась...

#inner_1 #wrapper {
  float: left;
  width: 100%;
  background: url(../i/bg_left_wrap.gif) repeat-y left top;
  }

#inner_1 #wrapper_r {
  width: 100%;
  float: left; 
  margin: 0 0px 0 0px;
  background: url(../i/bg_right_wrap.gif) repeat-y right top;
  }

#inner_1 #content {
  width: 90%;
  margin: 0 auto;
  }

css выглядит теперь так

Странно только одно, до этого *подняла старый css* такой же код, но не работал он так же...

klierik, извини за беспокойство, но инета нет дома, а надо было разобраться до сегодня, поэтому послать ничего не могла>< Если интересно могу прислать)

Спасибо ^___^

Sign In

Конфликт float и блоков

Question

Mary_RND

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

shvv

Link to comment

Share on other sites

Mary_RND

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Mary_RND

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information