0

I have some code to display a logo at the bottom of my page:

It looks like this in Chrome

Unfortunately, in IE (9, compatibility mode on or off), it looks like this:

It looks like this in IE

The only part I'm really worried about is the text being in the wrong place.

Here's the code:

<img src="img/logo.png" id="kwiiusIMG" height="50"/><br /><br />
<p class="kText">A Kwiius.com service by Jamie McClymont</p>

CSS:

#kwiiusIMG {
  float: left;
  margin-left: 305px;
}

.kText {
  margin-left: 0px;
  text-align: center;
  color: #666666;
}

Sorry, I'm a bit of an idiot when it comes to this stuff. Any idea how I could get IE working right?

4

3 に答える 3

1

HTMLマークアップを追加する代わりに、これを.kTextの既存のCSSに追加できます。

.KText {
clear: both;
}

これにより、インラインCSSの追加も回避されます。

編集：sparky672が以下で指摘しているように、これによりブレークタグが不要になることにも言及する必要があります。それらは削除する必要があります。

于 2012-04-17T22:20:07.953 に答える
1

フロートをクリアしていません。私はこのようなことをしていました（コードはテストされていません）：

<img src="img/logo.png" id="kwiiusIMG" height="50"/>
<br />
<div style="clear: both;"></div>
<br />
<p class="kText">A Kwiius.com service by Jamie McClymont</p>

全体のデザインはわかりませんが、float: left in #kwiiusIMG はまったく必要ないと思います。

于 2012-04-17T22:11:13.707 に答える
0

画像にも表示ブロックを作成し、左のフロートを削除できます。

#kwiiusIMG {
    /*float: left;*/
    margin-left: 305px;
    display: block;
}

.kText {
  margin-left: 0px;
  text-align: center;
  color: #666666;
}​​
于 2012-04-17T22:54:59.547 に答える