2009-10-24 5 views
0

내 HTML의 CSS와 관련된 문제가 있습니다. CSS에서 내린 HTML을 내 시애틀에서 처리하지 않습니다. 텍스트 블록에 너비 : 50이 표시되도록하려하지만 작동하지 않는 것 같습니다. 코드 스 니펫은 다음과 같습니다. DIV가 CSS 규칙을 준수하지 않음

<div id="welcome"> 
<h2>Welcome!</h2> 
hello, this is some text. 
<p> 
text before that text down there. v 
<p> 
we have some text here. 


<p><img src="images\halo.jpg" width="250" height= "250" alt="Master Chief" /><p> 
</div> 

이것은 사이트에서 가져온 것입니다. 이 DIV를 만들기 위해 CSS에 몇 가지 규칙을 적용하고 별도의 페이지에있는 다른 DIV는 너비가 50 %이지만 작동하지 않습니다. 다음은 CSS 규칙입니다.

#welcome, #about, #contact { 
width: 50%; 
} 

내 모든 다른 CSS가 작동하며 HTML이 CSS에 올바르게 연결되어 있습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 한 DIV에 대한 규칙 만 있고 모든 것을 강제로 다시로드하려고했습니다. 네가 나를 도울 수 있다면, 고마워!

편집 : ob. 다시 건배.

-imim

+0

샘플 코드가 제대로 작동합니다. 규칙이 적용되고있는 CSS 디버거 (Firebug 또는 Safari의 내장 웹 검사기)를 체크인하고 다른 의심을 찾으십시오. – outis

+0

그 대신 작동하지 않는다고 말하는 것은 무엇입니까? – random

+0

sidenote,'img src = "images \ halo.jpg"1은'img src = "images/halo.jpg"'이어야합니다. 슬래시. : P –

답변

0

스타일 정의가 괜찮은 것 같습니다.

div에 다른 스타일이 정의되어 있습니까?

일부 브라우저에서만 작동하며 다른 브라우저에서는 작동하지 않습니까?

웹 개발자 도구 또는 방화범으로 쉽게 문제를 진단 할 수 있습니다. 페이지 스타일이 추가

+0

다른 브라우저에서는 시도하지 않았지만 방아쇠를 당겨서 문제를 진단 할 것입니다. 지금. div에 다른 스타일이 없습니다. 그 아래에는 아무것도 없습니다. –

2

시도는 :

html, body, form { width:100% } 
+0

그게 효과가있어! 고마워. –

+1

@Tim, 당신의 문제가 해결됐다고 생각해. 'ob'의 대답을 받아 들여라. –

0

문제의이 종류는 종종 1 픽셀의 경계와 함께 50 % 폭의 결과입니다. 50 % + 1px이므로 50 % 이상입니다.

관련 문제