<style type="text/css">
div.blogokulu
{
position:fixed;
text-align:center;
z-index:1000;
}
div.reklamkodum
{
top:590px;
right:15px;
}
@media screen and (min-width:2544px) and (max-width:2866px) {
div.reklamkodum
{
top:1095px;
right:15px;
}
}
@media screen and (min-width:2117px) and (max-width:2544px) {
div.reklamkodum
{
top:884px;
right:15px;
}
}
@media screen and (min-width:1904px) and (max-width:2117px) {
div.reklamkodum
{
top:780px;
right:15px;
}
}
@media screen and (min-width:1729px) and (max-width:1904px) {
div.reklamkodum
{
top:695px;
right:15px;
}
}
@media screen and (min-width:1520px) and (max-width:1729px) {
div.reklamkodum
{
top:590px;
right:15px;
}
}
@media screen and (min-width:1264px) and (max-width:1520px) {
div.reklamkodum
{
top:463px;
right:15px;
}
}
@media screen and (min-width:1081px) and (max-width:1264px) {
div.reklamkodum
{
top:322px;
right:15px;
}
}
@media screen and (min-width:944px) and (max-width:1081px) {
div.reklamkodum
{
top:249px;
right:15px;
}
}
</style>
<style type="text/css">
@media screen and (min-width:900px) {
div.blogokulu
{
_position:absolute;
}
div.reklamkodum
{
_bottom:auto;
_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );
}
}
</style>
<div id="blogokulu reklamkodu" class="blogokulu reklamkodum" style="width:100px;height:95px;background-color:#fff;border:2px solid #ccc;line-height:50px;">
<a target="_blank" href="#"><img src="http://robotkaynagi.com/intecro/wp-content/uploads/2015/08/c.jpg"></a>
</div>Yukarıdaki @media ları tek satıra veya bu yazdığın satırları küçültme şansımız var bi bakar mısınız ?
@media screen hakkında ?
1
●197
- 07-08-2015, 17:59:47Merhaba arkadaşlar uzun yoldan @media screen kullanarak değişik çözünürlüklerde sitemin düzgün görünmesini sağladım.