скажите не совсем понимаю почему слой right невстаёт с правой стороны слоя left
| Код |
html,body{margin:0;padding:0;background:#fff;width:100%;height:100%; background:#140101 url(../images/base-bg.gif) repeat-x top; color:#FFF; font-family:"Times New Roman", Times, serif; font-size:12px;}
* html #wrap{height: 100%;}
p,td{font-family:"Times New Roman", Times, serif; margin-top: 0px;}
a img{border:0;}
a{color: #d8bf9a;text-decoration: underline;}
a:hover{color: #eabaab; text-decoration: none;}
a.hidden{text-decoration: none;color: #000;cursor:default;}
ul{margin-left:20px;margin-top:0px;padding:1px;list-style-type: square;line-height: 16px;}
#menu{width:271px; list-style:none; margin:0; padding:0;}
#menu li{background:url(../images/menu-item.gif) no-repeat; height:28px; width:231px; font-size:15px; color:#000; font-weight:bold; padding:9px 0 0 40px;}
#menu a{text-decoration: none;color: #000;}
#menu a:hover{color: #FFF;text-decoration: none;}
h1{font-size: 17px;font-weight: bold;color: #fff;margin: 2px 0 7px 0;}
|
| Код |
<div style="float:left;width:274px;padding-top:1em;" id="left">
<div id="company_name">Эллектронные аукционы</div>
<img src="images/imgl01.gif" alt="">
<div id="logo"><img src="images/logo.gif" alt=""></div>
<ul id="menu">
<li><a href="index.php">Home</a></li>
<li><a href="index.php">About Us</a></li>
<li><a href="index.php">Our Clients</a></li>
<li><a href="index.php">Testimonials</a></li>
<li><a href="index.php">Blog</a></li>
<li><a href="index.php">Contacts</a></li>
</ul></div>
<div style="background-image:url(images/news-bg.gif);background-repeat:no-repeat;width:274px;height:200px;clear:both;">
<div id="news">
<h2>News</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.
</p>
</div>
</div>
<div style="float:left;width:550px;" id="right">
уауауа
<h1> </h1>
</div>
|
|