홈페이지에서 기존 레이이웃에 영향을 주지 않고 특정 위치에 배너를 띄워야 할 때가 있습니다.

그럴 땐?

의미없는 엘리먼트

<div>를 이용합니다...

<div class="ebanner"><img src="banner.jpg"></div>

그리고 <div>에 지정한 클래스에 아래와 같이 스타일을 입히면 됩니다...

.ebanner{

position:fixed; //고정위치 지정

left:50%; // 해상도를 반으로 나눕니다...모니터가 워낙 다양하니...

margin-left:510px;  // 중심으로부터 + 또는 - 얼마만큼 간격을 띄웁니다.. 참고로 -으면 왼쪽으로 배치, +면 오른쪽으로 배치

width:119px; // 배너 폭

top:220px; // 화면 위로부터 얼마큼 간격을 둘 지 결정

z-index:3000; // 배너가 다른 엘리먼트에 잠기지 않도록 적정값 지정.....

} 

물론 한 예일 뿐이죠....