1
<style type="text/css">
<!--
* {
border: 0;
margin: 0;
padding: 0;
outline: none;
}
body {
background-color: #5e0305;
/* font-family: 'Helvetica','Arial';*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999;
line-height: 16px;
}
#itrunk, #strunk {
/* width:auto;
width:1260px;*/
height: 62px;
}
.wrapper {
width: 1000px;
margin: 0 auto;
}
#topbar {
height: 62px;
overflow: visible;
position: relative;
z-index: 3;
}
#topbar #itmlogo {
float: left;
list-style: none;
/* display: block;*/
}
#topbar #menuTop { /* only for box containing menutop items*/
float: right;
height: 55px;
background-color: transparent;
}
#topbar ul#menuTop {
list-style: none;
}
#topbar ul#menuTop li {
float: left;
text-align: right;
}
#topbar ul#menuTop a {
float: left;
display: block;
width: 110px;
height: 42px;
padding: 14px 7px 0px 0px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #000;
letter-spacing: 1px;
}
.ddpanel {
position: relative;
top: 0px;
left: 0px;
z-index: 2;
min-width: 1000px;
height auto;
background-color: pink;
border-color: #FFFF00;
border-style: solid;
border-width: 1px;
padding-bottom: 20px;
}
.ddpanel .ddpanelcontent {
-moz-box-shadow: 0px 0px 8px #fff;
-webkit-box-shadow: 0px 0px 8px #fff;
box-shadow: 0px 0px 8px #fff;
position: relative;
top: 0px;
margin: 0 auto;
padding: 20px 25px 20px 25px;
clear: both;
width: 942px;
z-index: 2;
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
color: #336666;
font-size: 12px;
font-weight: 500;
font-variant: normal;
letter-spacing: 0.05em;
line-height: 30px;
background-color: #CCCCCC;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
-webkit-border-radius:25px 25px 25px 25px;
}
-->
</style>
</head>
<body>
<div id="strunk" >
<div class="wrapper">
<div id="topbar">
<div id="menubox">
<ul id="menuTop">
<li>
<a onclick="getLink('home'); return false" onmouseover="status=''; return true;" >home
</a>
</li>
</ul>
</div>
</div>
<!-- topbar-->
</div>
<div class="wrapper"><!-- wrapper1 open-->
<div id="mypanel" class="ddpanel">
<div id="mypanelcontent" class="ddpanelcontent">
<span id="text1" style="font-size:14px; font-weight:600">What services do we offer ?</span><br /><span id="text2" style="font-size:13px; font-weight:500;">
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
</span>
</div> <!-- mypanelcontent-->
</div><!-- mypanel -->
</div> <!-- wrapper1 closed-->
</div><!-- strunk-->
</body>
</html>
[的jsfiddle（http://jsFiddle.net）是一个伟大的地方设置的东西像演示这个 – sje397 2010-09-15 12:52:52
我怀疑没有看到实际的代码，任何人都可以提供帮助。 – Pointy 2010-09-15 12:53:05
将你的问题包装在一个代码元素中，并给我们一个问题的描述。 – 2010-09-16 02:46:01