Question

<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>

Answer 1

在HTML文件的顶部添加<!DOCTYPE>：

<!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">

ie，ff中的CSS问题

1 个答案: