Проблема заключается в том, что внешний див с классом .boxcontent
из нижеприведенного кода без опредиления высоты не отображается вообще.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">
body, html {
margin: 0 ;
padding: 0 ;
font-family: Verdana, Tahoma, sans-serif;
background:#fff;
color:# 000 ;
}
.left{float: left; }
.right{float: right; }
.header {
clear:both;
margin: 0 auto;
text-align: center;
width: 980px;
text-align: left;
font-size: 11px;
}
.allNews {display: block; height: 100 %; margin: 20px 20px; color: # 046493 ; clear: both; width: 730px;}
.allNews .video { padding: 1px 1px; margin: 0 0 10px 0 ; border: #b9bfc0 1px solid; }
.allNews .leftnews{width: 50 %; }
.allNews .rightnews{width: 49 %; }
.allNews ul {font-size: 12px; margin: 5px 30px; padding: 0 0px; color: # 046493 ; list-style-type: square; list-style-position: incide; }
.allNews li {padding: 0 0 ; margin: 0 0 }
.allNews h1 {color: black; font-size: 14px; margin: 0 0 ; padding: 5px 30px; font-weight: bold; background: url(img/dotted.gif) repeat-x top;}
.allNews h2 {color: black; font-size: 14px; margin: 0 0 ; padding: 5px 30px; font-weight: bold;}
.allNews .boxcontent {height: 500px; background:#eeeeee; border-left:1px solid #c9cecb; border-right:1px solid #c9cecb; }
/** Круглые углы **/
.allNews .b1, .b2, .b3, .b1b, .b2b, .b3b { display:block; overflow:hidden; font-size:1px; height:1px;}
.allNews .b1 { background:#c9cecb; border-left:1px solid #dedede; border-right:1px solid #dedede; margin: 0 2px}
.allNews .b2 { background:#eeeeee; border-left:1px solid #c9cecb; border-right:1px solid #c9cecb; margin: 0 1px; border-width: 0 1px; }
.allNews .b3 { background:#eeeeee; border-left:1px solid #dedede; border-right:1px solid #dedede; margin: 0 0 ; }
.allNews .b3b { background:#eeeeee; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; margin: 0 0 ; }
.allNews .b2b { background:#eeeeee; border-left:1px solid #c9cecb; border-right:1px solid #c9cecb; margin: 0 1px; }
.allNews .b1b { background:#c9cecb; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; margin: 0 2px; }
</style>
<body>
<div class="allNews">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<div class="boxcontent">
<div class="left leftnews">
<h2>World</h2>
<ul>
<li>At Least 100 Dead in India Terror Attacks</li>
<li>Israel Prepares to Indict Its Premier in Double-Billing</li>
<li>Lawmakers in Baghdad Delay Vote on U.S. Pact</li>
</ul>
<h1>Politics</h1>
<ul>
<li>Obama Picks Volcker to Head New Economic Panel</li>
<li>Obama Describes Team as Experienced Yet Fresh</li>
<li>New White House and Congress Hope to Have Bills Ready by Inauguration</li>
</ul>
<h1>Science</h1>
<ul>
<li>Dot Earth: The (Tuna) Tragedy of the Commons</li>
<li>Arduous Space Mission in the Homestretch</li>
<li>The Great White Way Tries to Turn Green</li>
</ul>
<h1>Health</h1>
<ul>
<li>New Smokeless Tobacco Worries Experts</li>
<li>Scientists Find Clues to Aging in a Red Wine Ingredient’s Role in Activating a Protein</li>
<li>Bone Finding May Point to Hope for Osteoporosis</li>
</ul>
</div>
<div class="right rightnews">
<h2>Education</h2>
<ul>
<li>Beyond the Ivied Halls, Endowments Suffer</li>
<li>Good Deeds: The Backlash</li>
<li>Arts and Entertainment: Suffolk Youth Orchestra Joins the Field</li>
</ul>
<h1>Technology</h1>
<ul>
<li>In Lean Times, Online Coupons Are Catching On</li>
<li>State of the Art: No Keyboard? And You Call This a BlackBerry?</li>
<li>Verdict in MySpace Suicide Case</li>
</ul>
<h1>Sports</h1>
<ul>
<li>Beagle Proves to Be Dog Show’s Best Friend</li>
<li>Not So Fast: A Dispute Takes Down a Sailing Record</li>
<li>Recalling Joy for Lions Fans, in Black and White</li>
</ul>
<h1>Opinion</h1>
<ul>
<li>Editorial: Save the Economy, and the Planet</li>
<li>Op-Ed Columnist: Giving Thanks to Heroes</li>
<li>Letters: A Bailout for Some. And the Rest?</li>
</ul>
</div>
</div>
<b class="b3b"></b>
<b class="b2b"></b>
<b class="b1b"></b>
</div>
</body>
</html>
Просмотреть результат кода можно по
ссылке
