Просто изменил размеры второго флоата, помогло. Возникла куда более серьезная проблема - в опере и мозилле меню схлопывается. В IE работает идеально.
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Verstka
</title>
<meta http-equiv="Content-Type" content="text/html; charset=cp-1251">
<style type="text/css">
/*~~~~~html,body~~~~~*/
body {
background-color:#000;
font:Arial, Helvetica, sans-serif;
font:#fff;
padding:0; margin:0 auto;
width:1000px;
}
/*~~~~~close html,body~~~~~*/
/*ПОЗИЦИОНИРОВАНИЕ*/
.logo {
float:left;
width:1000px;
height:263px;
}
.left {
float:left;
width:520px;
margin-left:22px;
}
.right {
float:left;
width:400px;
margin-left:22px;
}
.photoalbums {
weight:249px;
height:30px;
}
.alb {
float:left;
width:200px;
}
.alb1 {
float:left;
width:100px;
}
/*КОНЕЦ ПОЗИЦИОНИРОВАНИЯ*/
/*MENU*/
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 400px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 400px; margin: 0.4em auto; }
/*CLOSE MENU*/
/*НАЧАЛО СТИЛЕЙ ТЕКСТА*/
.newstext {
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
}
.font {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
A:link, A:visited {
text-decoration:underline; color: #ffcc66;
}
A:hover, A:active {
text-decoration:none; color: #ffcc66;
}
A.photo:link, A.photo:active, A.photo:visited {
text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 8pt;
color:#fff;
}
/*КОНЕЦ СТИЛЕЙ ТЕКСТА*/
/*ПРОЧЕЕ*/
.album {
border: 1px solid #ff9900;
</style>
</head>
<body>
<div>
<div class="logo"><img src="logo.jpg" alt=""></div>
<div class="left">
<p align="justify" class="newstext">dsfss </p>
<p><a class="font" href="">читать, не отрываясь, дальше <img src="files/pointer.gif" width="16" border="0" alt="читать далее"></a></p>
<p align="justify" class="newstext">sdfdfsdf </p>
<p><a class="font" href="">читать, не отрываясь, дальше <img src="files/pointer.gif" width="16" border="0" alt="читать далее"></a></p>
</div>
<div class="right">
<div class="photoalbums"><img src="photoalbums.gif" alt="ФОТОАЛЬБОМЫ"><span style="margin-left:50px"><a href="dsd" class="photo">Все альбомы</a></span></div>
<!--/MENU-->
<div class="rbroundbox">
<div class="rbtop"><div></div></div>
<div class="rbcontent">
<div class="alb"><img src="2.gif" class="album" width="59" height="54" alt="aльбом"></div>
<ul class="alb1">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<div class="rbbot"><div></div></div>
</div>
<!--/MENU-->
</div>
</body>
</html>
|
|