2012-04-17 4 views
0

에 잘못된 줄에 표시 내 페이지의 하단에 로고를 표시하는 몇 가지 코드를 같은 :텍스트 IE

It looks like this in IE

내가 정말 걱정 유일한 부분은 잘못된 위치에있는 텍스트입니다.

여기에 코드입니다 :

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

죄송는이 물건에 올 때, 나는 바보의 비트입니다. 어떻게하면 IE가 제대로 작동하는지 알 수 있습니까?

+0

그래서 도움이 답변 중 하나를했다가? 어떤 답을 얻었는지 알려주십시오. 감사! – magzalez

+0

@magzalez 죄송합니다. 그래서 10 분간 수락하지 않을 것입니다. 잊어 버렸습니다. 끝난. – JJJollyjim

+0

아직 답변이 없습니다. 모든 걸 알아 냈어? – magzalez

답변

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> 

나는 전체 디자인을 모르겠지만, 플로트를 추측 : #kwiiusIMG에 남아은 전혀 필요하지 않습니다.

+0

큰 일을 했어, 고마워! – JJJollyjim

+1

두 사람 모두있는 동안 '
'을 완전히 제거하고 CSS를 통해 간격을 조정할 수 있습니다. 또한 다른 답변과 마찬가지로'.kText'를 위해 CSS에'clear : both;'를 추가하고 여분의'div'를 제거 할 수 있습니다. – Sparky

+0

예, 맞습니다. 나는 언제 그것을 사용할 지, 다음 객체에는 없을 때를 결코 알지 못한다. – Philipp

1

대신 더 HTML 마크 업을 추가, 당신은 이것은 또한 어떤 인라인 CSS를 추가 피할 수 .kText

.KText { 
clear: both; 
} 

의 기존 CSS에이를 추가 할 수 있습니다.

편집 : sparky672가 아래에서 지적했듯이, 이것은 또한 중단 태그가 필요 없다는 것을 언급해야합니다. 제거해야합니다.

0

당신은 당신의 이미지를 디스플레이 블록을하고 플로트 왼쪽 제거 할 수 있습니다

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

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