-1

私はウェブサイトを持っています。Chrome と Internet Explorer には、テキストの流れを妨げる空白があります。彼らがどこから来たのか私にはわかりません。

それらを見つけて削除するのに助けが必要です。

ここで全ページを表示できます: http://printingunlimited.com/business-card-info.htm

HTML コード:

<div id="about-product">
  <h3 itemprop="description">Business cards are often the first impression people get of your business. With Printing Unlimited you can make sure your business cards portray professionalism and uniquely position your business in your customers mind. Your business cards are printed on 14 point card stock with a gloss or matte finish with the standard size of 2" x 3.5". Business cards can include many options: rounded corners, custom shapes, and 14 point, 16 point, and recycled paper. If you have a design ready </h3>
  <img itemprop="image" src="example-business-card.png" alt="Business Card Examples" class="product-image"/> 
</div>

about-product ハンドルを定義する CSS:

#about-product {padding: 0 0 20px 0; height: 200px;}
img.product-image {display:block; position:absolute; left:560px; top:-5px; }
#about-product h2 {float:left;}
#about-product h3{display:block; font-size:16px; font-weight:normal; padding-bottom:5px; padding-right:5px; width:550px;}

問題のある領域を示す画像:

スクリーンショット

your business cards are printed( ) と ( )の間の空白はどこon 14 point card stockから来たのですか?

4

4 に答える 4

0

これを試して：

.header-content {
  width: 860px;
  margin: 0 auto;
  height: 190px;
  position: relative; /* <~ add this line */
}

ul#drop-nav {
  display: block;
  float: none;
  margin: 0 auto;
  position: absolute; /* <~ change this line */
  top: 170px; /* <~ change this line */
}
于 2013-08-28T15:26:44.793 に答える
0

人々がすでに示唆しているように、あなたの CSS スタイルは IE と chrome には適していません。まず、W3 で検証する必要があります。

次に、修正するためにスタイルを追加しました。

どうぞ ：

<div id="about-product" style="height: 175px">
<h3 itemprop="description" style="display:inline-block;float: left;position: absolute;">Business cards are often the first impression people get of your business. With Printing Unlimited you can make sure your business cards portray professionalism and uniquely position your business in your customers mind. Your business cards are printed on 14 point card stock with a gloss or matte finish with the standard size of 2" x 3.5". Business cards can include many options: rounded corners, custom shapes, and 14 point, 16 point, and recycled paper. If you have a design ready </h3>
<img itemprop="image" src="example-business-card.png" alt="Business Card Examples" class="product-image"> </div>

スクリーンショットは次のとおりです。

ここに画像の説明を入力

于 2013-08-28T16:02:17.490 に答える