Şimdi Ara

IFRAME Yardım

Sıcak Fırsatlarda Tıklananlar

Editörün Seçtiği Fırsatlar

Baseus Pudding Hızlı Şarj Özellikli Type-C Kablo 100W, 1.2 Metre, Siyah : Amazon.com.tr: Bilgisayar https://www.amazon.com.tr/dp/B0CKDZT5JX?ref=ppx_yo2ov_dt_b_fed_asin_title 7 sa. önce paylaşıldı

https://www.amazon.com.tr/dp/B0BN48Z569 https://www.amazon.com.tr/dp/B0BN48Z569 2 yıl önce paylaşıldı

HP Pavilion Gaming Dizüstü Bilgisayar, 15.6'' FHD IPS, Intel i5-9300H, 8 GB RAM, 1 TB HDD + 128 GB SSD, GeForce GTX 1650, Windows 10 Home, 6ZL09EA : Amazon.com.tr: Bilgisayar https://www.amazon.com.tr/dp/B07TRWSF6C 4 yıl önce paylaşıldı

Daha Fazla

Bu Konudaki Kullanıcılar: Daha Az

1 Misafir - 1 Masaüstü

5 sn

2
Cevap

0
Favori

657
Tıklama

Daha Fazla
İstatistik

Konu İstatistikleri Yükleniyor

Konuya Özel

0 oy

Öne Çıkar

Cevapla

Sayfa: 1

Giriş

Mesaj

Merhaba Arkadaşlar.

yapmış olduğum bir sayfa bir adet iframe ile aynı klasor içinde olan adı a.html olan bir sayfa acıyorum sorun su ki a.html sayfaı içinde linklere tıkladığımda sayfa yukarı kayıyor.

Normalde konumu top:150px olan ıframe in olduğu div en uste kayıyor.

Kodlar aşağıda;

CSS :

/* Top Elements */
* { margin: 0; padding: 0; }

body {
font: 70%/1.5em Tahoma;
text-align: center;
}
#wrap {
width: 100%;
text-align: left;
}

#header {
width: 975px;
position: relative;
height: 150px;
margin: 0px auto;
background-image: url('../img/bg.jpg');
background-position: center;
background-repeat: no-repeat;
/* font-size: 14px; */
}

#menubar {
height: 35px;
width: 100%;
background-image: url(../img/2.jpg);
border-top: 4px solid #08009c;
margin: 0px auto;
}

#container {
width: 100%;
height: 1200px;
margin: 0px auto;
}

#sag {
width: 80%;
height: 1180px;
float: right;
text-align: right;
position: absolute;
right: 0px;
top: 190px;
}

#sol {
float: left;
width: 18%;
height: 900px;
text-align: left;
padding: 0px 0px 0px 0px;
}
#sol2 {
float: left;
width: 150px;
text-align: left;
padding: 0px 0px 0px 10px;
height: 210px;
background-image: url(../img/freegift11.jpg);
background-position: center;
background-repeat: no-repeat;
}

#solust {
height: 200px;
background-image: url(../img/join.jpg);
background-position: center;
background-repeat: no-repeat;
width: 150px;
padding: 0px 0px 0px 10px;

}

#adres {
color: #FFFFFF;
width: 100%;
height: 35px;
text-align: center;
margin: 0px auto;
background-image: url(../img/3.jpg);
line-height: 35px;
}
#adres a {
color: #FFFFFF;
text-decoration: none;
}
#alt
{
color: #333333;
width: 100%;
height: 30px;
text-align: center;
margin: 0px auto;
line-height: 30px;
}
#alt a {
color: #666666;
text-decoration: none;
}
#alt a:hover {
color: #08009C;
}
___________________________________________________________________

Ana Saya :

<html>
<head>
</head>
<body>
<div id="wrap">

<div id="header"></div>
<div id="menubar"></div>

<div id="container">

<div id="sol">
<div id="solust"></div>

<ul id="menu">
<div id="sol2"></div>

</div>
</div>

<div id="sag">
<iframe src="sayfa.html" name="I1" width="100%" marginwidth="0" height="100%" marginheight="0" scrolling="No" frameborder="0" id="I1"></iframe>
</div>

</div>

<div id="adres"></div>
<div id="alt"></div>

</div>
</body>
</html>