Yeni Kayıt
Konudaki Resimler
< Bu mesaj bu kişi tarafından değiştirildi loves_oi -- 1 Nisan 2015; 22:55:23 > |
Hızlı 
Bildirim
html'de div'lerin genişliğini dinamik olarak değişebilir yapmak istiyorum.Nasıl yapabilirim?
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Daha Fazla 
Bu Konudaki Kullanıcılar:
Daha Az 
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
Arkadaşlar şu koda bakabilir misiniz bi, content'in height'ı arttıkça sağ menü aşağı kayıyor neden kayıyor anlamıyorum ya
<HTML>
<HEAD>
<TITLE> ex</TITLE>
<style>
html, body {
height: 100%;
}
#wrapper {
height: calc(100% - 2px); /* for border */
}
#leftmenu, #rightmenu {
height: calc(100% - 234px); /* for header, footer */
}
#wrapper {
background:white;
width:100%;
position:relative;
border: 1px solid black;
/* black border */
margin:auto;
/* centre this div */
}
#header {
height:90px;
text-align:center;
padding: .5em;
background-color: grey;
border-bottom: 2px solid black;
}
#leftmenu {
width:100px;
float:left;
font-size: 75%;
padding:.5em;
border-right:2px solid black;
border-left:2px solid black;
background-color:green;
}
#rightmenu {
width:180px;
float:right;
font-size: 75%;
padding:.5em;
background-color:red;
}
#content {
background-color:yellow;
margin-left:120px;
margin-right:300px;
font-size: 80%;
}
#footer {
clear:both;
/* push footer under other divs */
height: 70px;
background-color:white;
border-top:1px solid black;
border: 1px solid black;
padding-top:40px;
text-align:center;
font-size: 70%;
}
</style>
</HEAD>
<BODY>
<div id="wrapper">
<div id="header"></div>
<div id="leftmenu"></div>
<div id="content">
sag menu asagi kayiyor, neden yan yana duramiyorlar,
<br>
content'in height'i arttikca neden sag menu asagiya kayiyor?
<br>
<br><br></div>
<div id="rightmenu"></div>
<div id="footer"></div>
</div>
</BODY>
</HTML>
-
Genişliği yüzde cinsinden yazın. width:25% gibi.
< Bu ileti mini sürüm kullanılarak atıldı > -
Çok teşekkürler aradığım şey buymuş. Ben de sağda solda görüyordum da bu yüzde işareti ne acaba diyordum, hiç aklıma gelmemişti bu işe yarayacağı 
-
Clear eklememissin galiba
< Bu ileti mobil sürüm kullanılarak atıldı >
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
