Bir çalışmam var lakin arkadaşlar tarayıcıyı küçülltüğümde position:absolute verdiğim resim aşağılara iniyor çalışma dosyasını ekliyorum ki daha iyi görün diye sabahtandır yapamadım kendimi geliştirmeye çalışıyorum lütfen yardım edin
http://dosya.co/2rkf34b89zk4/CareSarigul.rar.html
--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 23:10:45 -->-> Daha önceki mesaj 23:10:15 --
Kodlarım
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Ne Bir Eksik Ne Bir Fazla</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
body{
margin:0;
padding:0;
background:#000;
}
a img {border:none;}
#container {
width:100%;
height:100%;
position:relative;
}
#container img {
width:100%;
height:100%;
}
#kitap {
position:absolute;
top:220px;
left:730px;
width:530px;
height:550px;
}
@media (max-width:640px;){
#container {
width:100%;
height:100%;
position:relative;
}
#container img {
width:100%;
height:100%;
}
#kitap {
position:absolute;
top:220px;
left:730px;
}
}
</style>
</head>
<body>
<div id="container">
<img src="img/sarigul.png" alt="" class="kapak"/>
<div id="kitap">
<a href="http://issuu.com/remzikitabevi/docs/ne_bir_eksik_ne_bir_fazla_issuu?e=3398951/5372058"><img src="img/kitap.png" alt="Kitap" /></a>
</div>
</div>
</body>
</html>