죽은 센터는 자바 스크립트를 출력

나는이 질문이 얼마나 기본에 대해 미리 사과거야, 그러나 이것은 HTML에서 자바 스크립트를 사용하여 내 첫 번째 시간입니다 .. 기본적으로죽은 센터는 자바 스크립트를 출력

, 나는 다른 비트 자바 스크립트를 생성 한 그것을 위해 사용자가 페이지를로드 할 때마다 임의의 텍스트가 표시됩니다. helvetica에서 해당 텍스트 서식을 지정한 다음 페이지 중앙에 가운데에 표시하고 싶습니다. 나는 아래에 표시된대로 CSS로 이것을 시도하고 있지만 그것은 나를 위해 작동하지 않습니다. 어떤 제안이라도 대단히 감사합니다.

HTML

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

<title>home</title> 

<link href="style.css" rel="stylesheet" type="text/css" /> 

</head> 


<body> 

<div id="horizon"> 
<div id="content"> 

<script type="text/javascript" src="scripts.js"></script> 

</div> 
</div> 

</body>

CSS

#horizon 
{ 
color: white; 
background-color: #ffffff; 
text-align: center; 
position: absolute; 
top: 50%; 
left: 0px; 
width: 100%; 
height: 1px; 
overflow: visible; 
visibility: visible; 
display: block 
} 

#content 
{ 
font-family: Helvetica, Geneva, Arial, sans-serif; 
font-color: black; 
background-color: white; 
margin-left: -410px; 
position: absolute; 
top: -237px; 
left: 50%; 
width: 825px; 
height: 475px; 
visibility: visible 
}

출처

2009-02-09 jwb

어떻게 text-align: center 사용에 대한 :

#content 
{ 
font-family: Helvetica, Geneva, Arial, sans-serif; 
font-color: black; 
background-color: white; 
text-align: center; 
}

출처

2009-02-09 19:43:49

아직 아무것도하지 않습니다. 거의 두 번째 CSS 상자가 적용되지 않습니다 (적어도 내가보고있는 Safari에서는). 검은 색 텍스트도 흰색으로 표시됩니다. – jwb

의심 스럽습니다. 글꼴 색을 설정할 수 있어야합니다. 오타를 확인 했습니까? 특히 ID 이름과 CSS 선택기에서 오타를 확인 했습니까? 문제를 추적하기 쉽도록 CSS를 인라인으로 먼저 실행하려고 할 수 있습니다. –

을 잘 우선, 당신이 당신의 HTML 태그가 없습니다. HTML 태그 사이에 HTML 코드를 래핑해야합니다.

둘째, 텍스트를 배경색과 다른 색으로 설정해야합니다. CSS에서는 #horizon 색상을 검정색 또는 다른 것으로 변경해야합니다.

이외의 코드는 작동합니다.

출처

2009-02-09 19:45:03 jgallant

그래, 나는 그 코드에 .. 그저 위에 복사 붙여 넣기를 소홀히했다. – jwb

는 CSS를 JS보고되지 않은 수직 정렬

#content 
{ 
    margin: auto; 
    width: 200px; /* however wide it should be (required) */ 
} 

... 
<div id="content"> 
    stuff goes here from js/whatever 
</div>

을 시도합니다.

출처

2009-02-09 19:50:37 blu

이것은 도움이되었다 감사합니다. – jwb

죽은 센터는 자바 스크립트를 출력

답변

관련 문제