1

画像 "LeftSpacer" と "RightSpacer" をインラインで設定せず
にページ "Wrapper" に残すにはどうすればよいですか? "LeftSpacer" が必要です。右。

<html> 
<head> 

<style type="text/css">
<!--
body {
  text-align:center; /* for IE */
  margin:0 auto; /* for the rest */
  background-color: #ffffff;
}

#Wrapper{
  width: 1000px;
}

div#wrapper {
  text-align:left;
  width:1000px; /* or a percentage, or whatever */
}

    /*End Page Wrapper*/

#Header {
  width: 100%;
  height: 100%;
  background: url("http://www.web-designer-ga.com/Pics/top.gif") no-repeat 0 0;
}

#LeftSpacer { 
  width: 14px;
  height: 24px; 
  background: url("http://www.web-designer-ga.com/Pics/btn_lft.gif") no-repeat 0 0; 
}

#RightSpacer {
  width: 100%;
  height: 100%; 
  background: url("http://www.web-designer-ga.com/Pics/btn_rgt.gif") no-repeat 0 0;
}

-->
</style>

</head> 

<body>

  <div id="Wrapper">

    <div id="Header"></div> 

        <div id="LeftSpacer"></div>

        <div id="RightSpacer"></div>

  </div>

</body> 
</html>
4

1 に答える 1

0

次のように、Leftspacer と Rightspacer に共通のクラスを指定しclass="spacers"、css 値をfloat:rightまたはに設定できます。display:inline

于 2012-04-14T16:26:21.300 に答える