css ile div sabitleme ve sayfa küçültme problem...

Cevaplar

11 yıl önce yazılmış

13 cevap - 0 soru

Kardeş ne yapmaya çalıştığını tam anlayamadım ne istediğini tam olarak yazarsan yardımcı olmaya çalışayım... Birde buraya yazdığın kodlara baktığımda html kodlarını ve css kodlarınıda yanlış yere yazmışsın... html kodlarını <body> ve </body> arasına css kodlarını iste <title></title> kodlarının hemen altından yazmaya başlamalısın...

sami-
cevap için teşekkürler..
abi ben şöyle izah edeyim. evet aynı yerdeler ama ben şimdilik böyle yaptım böyle uyguluyorum, çok fazla tecrüben yok yani,,
abi kodları bi kopyalayıp çalıştırırsan yukarıda ve aşağıda 2 tane dikdörtgen div görecen, sorun şu ;;

sayfayı küçülttüğünde yukarıdaki ve aşağıdaki 2 tane dikdörtgen div sola kayıyor ve çok kötü bi görüntü oluyor, umarım anlatabilmişimdir..

11 yıl önce yazılmış

maydanoz

Kardeş senin kodlarını düzenledim ben seninkilerle bi karşılaştır bak eğer anlamadığın bi yer olursa gene haberleşiriz... Kolay Gelsin..

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	body { 
background-color: #099; 
} 


#yavarlakkenardiv { 
width: 1000px; 
background-color: #333; 
border-radius:25px; 
box-shadow: 10px 10px 5px #888888; 
color: #FFF; 
border:solid 1px; 
border-top-color: #F0F; 
border-right-color: #F00; 
border-bottom-color: #309; 
border-left-color: #0F9; 
margin-top: 10px; 
margin-right: auto; 
margin-bottom: 10px; 
margin-left: auto; 
padding: 5px; 
height: 2000px; 
left: 0px; 
top: 0px; 
right: 0px; 
bottom: 0px; 
clip: rect(0px,0px,0px,0px); 
} 



#soldiv { 
height: 1200px; 
width: 200px; 
background-color: #03F; 
1px solid #000; 
border-radius:20px; 
position: fixed; 
margin-right: 10px; 
margin-bottom: 10px; 
margin-left: 10px; 
margin-top: -1px; 
} 



#sagdiv { 
height: 800px; 
width: 200px; 
background-color: #03F; 
1px solid #000; 
border-radius:20px; 
position: fixed; 
margin-top: -1px; 
margin-right: 10px; 
margin-bottom: 10px; 
margin-left: 790px; 
} 

#footerdivtaban { 
height: 100px; 
width: 550px; 
background-color: #FF3; 
bottom:97px; 
border:1px solid #000; 
border-radius:20px; 
overflow: hidden; 
color: #000; 
position:fixed; 

padding-top: 0px; 
} 

#ortabannerdiv { 
background-color: #0F3; 
height: 100px; 
border:1px solid #000; 
border-radius:20px; 
margin-left: auto; 
width: 550px; 
margin-right: auto; 
position:fixed; 

} 


#icerikdiv { 
background-color: #F00; 
width: 550px; 
margin-top: 5px; 
margin-right: auto; 
margin-bottom: 5px; 
margin-left: auto; 
1px solid #000; 
border-radius:20px; 
position: relative;
} 
</style>
</head>
<body>
<div id="yavarlakkenardiv"> 
<center>ana orta div siyah durum ok </center> 
<div id="soldiv"> sol div fixed durum oky</div> 
<div id="sagdiv"> fixed durum okkkkkkkkkkk</div> 
<div id="icerikdiv"><center>içerik div bağımsız autos </center> 
<div id="ortabannerdiv"><center><p><h2>sabitle yeşil</h2></p></center></div> 
<p>durum ok </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<div id="footerdivtaban"><center><p><h2>sabitle sarı</h2></p></center></div> 
</div> 
</div> 
<div style="clear:both;"></div> 
</body>

11 yıl önce yazılmış 11 yıl önce güncellenmiş

sami-
ABİ OLAY TAMA GİBİ AMA YİNE OLMADI ,, NEDENİ ŞU ; BU SEFER ALTTAKİ SARI RENKLİ DİV, SAYFA KÜÇÜLDÜKÇE AŞAĞIYA , SAYFA BÜDÜKÇE YUKARIYA UZANIYOR,,

11 yıl önce yazılmış
maydanoz
ozanan kardeş sarı div e bottom yerine top verip istediğin yüksekliği verdiğinde olacaktır bir dene... şu anda ben deneyemiyorum...

11 yıl önce yazılmış

11 yıl önce yazılmış

b4d3k35

10 cevap - 18 soru
Yeşil olan yerin divine

position:fixed;
left:0;
top:0;

Yaparak denermisin.
top:expression(eval(document.body.scrollTop)); yaparsan scrollbar indikce reklamında inmesi lazım.
- sami-
  sayın arkadaşlar, problem sabit kalması değil,,sabit kalmaya kalıyor artık ,,
  PROBLEM ŞU ; SAYFAYI KÜÇÜLTTÜKÇE DİVLER SOL TARAFA KAUIYOR,, SAYFA BÜDÜKÇEDE SAĞ TARAFA KAYIYORLAR,, İNŞALLAH ANLATABİLMİŞİMDİR,,
  
  11 yıl önce yazılmış

sami-

css ile div sabitleme ve sayfa küçültme problem

Cevaplar