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) est un excellent endroit pour mettre en place des démos pour des choses comme ceci – sje397
Je doute que n'importe qui puisse aider sans voir le code réel. – Pointy
Enveloppez votre question dans un élément de code et donnez-nous une description du problème. –