0

このページの上部にある左右の境界線の画像を表示するのに問題があります。

http://www.designated.net.au/testbed/theme/

ご覧のとおり、左の境界線の画像の高さを 50px に設定して、どのように表示したいかを示しています。しかし、両方とも 100% の高さで動作する必要があります。

また、メイン ディビジョンにテキストがある場合にサイドが表示される問題があるようです。

どんな助けでも大歓迎です！

  • 編集：

修正版: http://www.designated.net.au/testbed/themefixed/

4

3 に答える 3

0

#theme-page要素には高さがないため、高さを 100% に設定した内部のすべての div は、何をすべきかわかりません。なぜなら、100% は「私を含む要素の 100%」を意味するからです。% をボーダーに、メインの div (#theme-age) に固定またはパーセンテージの高さを指定すると、コンテナーにも高さがあるため、ボーダーが表示されます。

于 2012-08-15T13:03:17.180 に答える
0

左右の画像を境界線で置き換える方が簡単で最適化されています。

#theme-header-top {
  position: relative;
  background-color: white;
  border: 10px solid rgb(51, 51, 51);
  border-width: 0 10px;
}

適切に機能させるには、 width:100% を削除する必要があります。実際、要素はブロックであるため、役に立ちません。

于 2012-08-15T13:11:13.693 に答える
0

まず、上部と下部の間にピクセルのギャップがあります。
これは、div の横にビジュアル コンテンツしかない CSS では一般的です。
font-size:0; を指定する必要があるために発生します。そうしないと、通常の高さ:値では克服できない余分な高さがあります。 

#theme-header-top {
   background-color: #FFFFFF;
   position: relative;
   width: 100%;
   font-size: 0;
}

画像自体 (theme-header-bottom-left) の場合) は 35X35 であるため、高さを 100% にしたい場合の意味がわかりません。
ボトムエリアとトップエリアのギャップに言及したとしか思えません。

于 2012-08-15T13:32:25.970 に答える