<div 중앙정렬 방법 정보
<div 중앙정렬 방법
관련링크
http://allsinmun.com
126회 연결
본문
<div 중앙정렬로하고싶은데 어떻게 해야하는지 알려주시면 감사하겟습니다.
참고로 레이어로 플래시메뉴 를 뛰워서 사용하고잇습니다.
<div id="Layer11" style="position:absolute; left:35%; top:40px; width:610px; height:250px; z-index:1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="650" height="250">
<param name="movie" value="<?=$g4['path']?>/images/menu610-250.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="<?=$g4['path']?>/images/menu610-250.swf" width="610" height="250" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed></object>
</div>
참고로 레이어로 플래시메뉴 를 뛰워서 사용하고잇습니다.
<div id="Layer11" style="position:absolute; left:35%; top:40px; width:610px; height:250px; z-index:1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="650" height="250">
<param name="movie" value="<?=$g4['path']?>/images/menu610-250.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="<?=$g4['path']?>/images/menu610-250.swf" width="610" height="250" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed></object>
</div>
댓글 전체
div 스타일에 text-align:center; 를 추가하면 가운데 정렬됩니다.
정석은 아니지만 아래처럼 해도 가운데 정렬은 됩니다.
<div align="center">
내용이 가운데 정렬됨.
</div>
정석은 아니지만 아래처럼 해도 가운데 정렬은 됩니다.
<div align="center">
내용이 가운데 정렬됨.
</div>
text-align: left;
margin: 0px auto;
^^
#warp {
text-align: left;
margin: 0px auto;
}
<div id="warp">
사이트 내용
</div>
전체로 잡고하시면 ^^
margin: 0px auto;
^^
#warp {
text-align: left;
margin: 0px auto;
}
<div id="warp">
사이트 내용
</div>
전체로 잡고하시면 ^^
DOCTYPE 선언을 주석으로 막아놓으신 거 같은데...
일단
<div id="Layer11" style="width:610px; height:250px; margin:40px auto 0 auto; z-index:1">
이렇게 고쳐서 가운데 정렬이 되는지 보시고...
안되면 좋은 방법은 아니지만 그냥 아래처럼 하세요.
<center>
<div id="Layer11" style="width:610px; height:250px; margin:40px 0 0; z-index:1">
<object classid...
</object>
</div>
</center>
일단
<div id="Layer11" style="width:610px; height:250px; margin:40px auto 0 auto; z-index:1">
이렇게 고쳐서 가운데 정렬이 되는지 보시고...
안되면 좋은 방법은 아니지만 그냥 아래처럼 하세요.
<center>
<div id="Layer11" style="width:610px; height:250px; margin:40px 0 0; z-index:1">
<object classid...
</object>
</div>
</center>
저도 이 질문을 한적이 있었는데요..
위 주니짱야 말씀 대로 <div> 를 <center> 로 감싸니까 됐습니다
그런데 왜 좋은 방법이 아닌지는 모르겠습니다 ^^;
위 주니짱야 말씀 대로 <div> 를 <center> 로 감싸니까 됐습니다
그런데 왜 좋은 방법이 아닌지는 모르겠습니다 ^^;
개인적으로는 나쁘다고 생각하지 않습니다...
DOCTYPE 선언을 안한 상태에서 IE6 이하의 브라우저에서는...
통상적으로 사용하는 margin:0 auto 로는 가운데 정렬이 불가능하니 가끔 필요한 경우가 있습니다만...
웹표준에서는 DOCTYPE 선언 후 margin 값 등등을 사용하는 걸 권장히기 때문에 그런 표현을 썼습니다.
DOCTYPE 선언을 안한 상태에서 IE6 이하의 브라우저에서는...
통상적으로 사용하는 margin:0 auto 로는 가운데 정렬이 불가능하니 가끔 필요한 경우가 있습니다만...
웹표준에서는 DOCTYPE 선언 후 margin 값 등등을 사용하는 걸 권장히기 때문에 그런 표현을 썼습니다.
center은 font나 u 처럼 폐기돼었지 않나요?
ie6에서 margin:0 auto 가 불가능하니 이렇게 사용하세요.
<div style="text-align:center;">
<div style="margin:0px auto; text-align:left;">
...
</div>
</div>
ie6에서 margin:0 auto 가 불가능하니 이렇게 사용하세요.
<div style="text-align:center;">
<div style="margin:0px auto; text-align:left;">
...
</div>
</div>
야~~ 이거 이거 제가 감사의 말씀을 드려야겠군요..
질문하신 분 덕분에 제가 많은 걸 또 배웠습니다 하하하
주니짱야님, 미래나무님 그리고 답변주신 모든 분들 감사합니다 ^^
질문하신 분 덕분에 제가 많은 걸 또 배웠습니다 하하하
주니짱야님, 미래나무님 그리고 답변주신 모든 분들 감사합니다 ^^