โค้ดแบนเนอร์ลอยถ้าผู้เข้าชมขนาดจอเล็กแบนเนอร์มันจะไม่บังเนื้อหา แบนเนอร์นั้นจะหายไปเอง มันเหมือนกับไม่ได้ติดกับขอบบราวเซอร์อ่ะ งงมั้ย.
อ่ะดูตัวอย่างเอาเองละกัน
www.balllive88.com แล้วลองรีไซร์บราวเซอร์ดู
ผมแกะมาจากเว้บอะไรจำไม่ได้ มือใหม่ ผิดพลาดตรงใหนขออภัย
ปรับตำแหน่งให้พอดีกับเว็บตรง -490px ,733px ลองโมๆดูละกัน
<style type="text/css">
.white_content2 {
position: fixed;
z-index: 1030;
top: 5px;
margin-left: -490px;
border-radius:1px;
background-image: url('###');
box-shadow: 0 0 6px 4px #000000;
}
.white_content3 {
position: fixed;
z-index: 1030;
top: 5px;
margin-left: 733px;
border-radius:1px;
background-image: url('###');
box-shadow: 0 0 6px 4px #000000;
}
</style>
<style type="text/css">@media (max-width: 1150px ) { #box_s{ display:none !important; } } @media (max-width: 1182px ) { div.floating-bg-right{ max-width:139px !important;overflow-x: hidden !important;height: 620px; } } </style>
<div style="position:absolute; top:0; width:100% "><div id="box_s">
<div id="light" class="white_content2" style="display: block;">
<!--code banner-->
เนื้อหา ซ้าย
</div>
<div id="light" class="white_content3" style="display: block;">
<!--code banner-->
เนื้อหา ขวา
</div>
</div></div>