배경 이미지가 나오지 않습니다.
파란
body id=body
div id=Maincenter
/div
/body#body{text-align:center;background:url(../img/bg_top.gif) repeat-x ;background-color:#F7F7F7;}
#Maincenter {position： absolute;left: 50%;margin-left: -442px;width:884px;}
=========================================================
Maincenter 을 중앙 정렬 시키기 위해 위와같이 코드를 짰는데
중앙정렬 방법이 틀린 건지
빼먹은 소스가 있는건지.........body 에는 나타나는 이미지가 Maincenter 에 나오지 않고...
Maincenter 는 흰색 배경으로 처리가 됩니다
이유가 뭘까요??????? ㅠㅜ
-
은G
네 저도 처음 공부하면서(지금도 공부중이지만) 다른 엄한곳에서 상속 또는 참조해오는것 때문에 원인을 몰라서 헤맸던 일이 많습니다. 이런 실수를 줄이기 위해서는 이런 방법을 쓰실 수 있는데 :
#page div.header img {border:2px dotted gray; }
와 같이 스타일을 주시면, 2픽셀의 회색 점으로 테두리를 그리라는 스타일은 page 안의 header 라는 div 안에 들어있는 img 태그들에만 영향을 미치도록 한정할 수 있 -
다스리
margin:0px auto 0px auto; 이거 하나로 중앙 정렬이 되는군요
감사합니다...
지금 질문하시는 내용 이외에 다른 요소가 페이지에 포함되어서 영향을 끼치고 있는 것 아닌가요?
----- 맞습니다..
다른데에서 div 에 적용되어 있더라구요
생각지도 못한 부분을 지적해 주셨는데요.... 정말 감사합니다. -
마리
div style=\width:884px; height:40px;\/div 그대로 복사해서 maincenter div 안에 네스팅 시켰는데 전 여전히 투명한데;;; 지금 질문하시는 내용 이외에 다른 요소가 페이지에 포함되어서 영향을 끼치고 있는 것 아닌가요?
-
뱐헀어
그리고 부모 div에 text-align:center; 를 놓는다고 해서 그 안에 포함될 자식 div가 중앙으로 가는건 아니라고 알고 있습니다. maincenter div 바깥에서 따로 페이지 중앙에 표시하실 요소가 없다면 필요없는 속성이겠네요.
-
슬예
#Maincenter 의 배경 처리와 중앙 정렬 문제는 덕분에 해결되었습니다만........
body id=\body\
div id=\Maincenter\
/div
/body
에서
body id=\body\
div id=\Maincenter\
div style=\width:884px; height:40px;\/div ---------- 추가 했을경우
/div
/body
div style=\width:884px; heig -
어둠
중앙정렬하시려는 div의 마진을
margin: 0 auto 0 auto;
와 같이 주시면 정렬이 잘 될겁니다. 마진과 패딩의 축약표기는, 왼쪽부터 순서대로
top - right - bottom - left 입니다. 위 표기는
body의 백그라운드는
background: #f7f7f7 url(..../...gif) repeat-x; 와 같이 배경색도 묶어서 표시하셔도 됩니다.
배경이미지가 안나온다는건 이상하네요. 배경에 색을 지정하지 않으면 디폴트로 -
창민
position: absolute; 가 문제 되는것 같습니다.
position: absolute; 를 제거 하면 배경 이미지가 보이긴 합니다만.. 중앙 정렬이 안되지요