2010-12-27 3 views
0

나는 wordpress-blog를 디자인하고 있으며, 메인 페이지 외에 광고를 포함한 div를 추가하려고합니다.DIV 외에 페이지

페이지의 중앙에는 래퍼라는 div가 있고, 오른쪽에는 250px 너비의 div를 추가하고 싶습니다.

나는 장소에서 div를 얻었지만, 작은 화면에서는 광고가 페이지와 겹쳐진다. 그리고 내가 겹치지 않게 할 때, 페이지는 중앙에 있지 않았고 작은 화면에는 div가 메인 페이지 영역 아래에 나타났습니다.

나쁜 영어로 죄송합니다.

답변

0

테이블 레이아웃을 사용해보십시오. 테이블은 위치 지정을 제어하려고하지만 컨테이너에서 내용을 늘릴 때 유용합니다.

<table style="border:none; width:100%; margin: 0; padding:0;" cellspacing=0 cellpadding=0> 
<tr><td valign="middle" style="text-align:center;">Your content here</td></tr> 
</table> 

위의 코드는 열과 행 레이아웃을 지정할 수있는 보이지 않는 테이블을 만드는 좋은 방법입니다. 나는 하나의 중심 행/col을 예제로 썼다. "valign"인지 "v-align"인지 기억할 수 없으므로 양방향으로 시도하십시오.

"상대적"요소이기 때문에 다른 요소는 "상대적"인 한 해당 위치를 고려해야합니다.

+0

도움을 주셔서 감사합니다. 그래도 코드를 사용하는 방법을 모르겠습니다. 래퍼를 넣어야합니까? – Nicole

관련 문제