html'de div'lerin genişliğini dinamik olarak değişebilir yapmak istiyorum.Nasıl yapabilirim?

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI html'de div'lerin genişliğini dinamik olarak değişebilir yapmak istiyorum.Nasıl yapabilirim?

Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı

4
Cevap 1173
Tıklama 0
Öne Çıkarma

1. sayfa

html'de div'lerin genişliğini dinamik olarak değişebilir yapmak istiyorum.Nasıl yapabilirim?

Cevap Yaz

loves_oi

11 yıl (167 mesaj)

Teğmen

Konu Sahibi

Merhaba arkadaşlar, html'de div'lerin genişliğini dinamik olarak değişebilir yapmak istiyorum.Nasıl yapabilirim?

Websitemde iki tane div'i yan yana koyuyorum, sol tarafta body olacak,sağ tarafta da menü olacak şekilde. Ancak sağdaki div'in width'ini arttırınca o width aşağı kayıyor, telefondan girince de onlar yanyana gözükmüyor, yani benim istediğim şey aslında şu, window'un boyutuna göre bu div'lerin width'leri dinamik olarak değişsin, ama hep yan yana dursunlar, bozulma olmasın istiyorum.

 
  Bu kod şu an bilg. da istediğim gibi biri solda biri sağda duruyor, sol_menu'nün width'ini 1000px yapınca sağ içerik aşağıya kayıyor, ikisinin width'ini silince, sol menu sayfanın tüm genişliğini kaplıyor sağ menü gene alta kayıyor. telefondan girince sol_icerik ve sag_icerik her koşulda bozuk çıkıyor.  
   
   
  .sol_menu { width: 900px; height: 600px; float:left; background-color: white;  } 
  .sag_icerik { width: 400px; height: 400px; float:right; } 
   
  <div class="sol_menu"> 
  		some texts.... 
  </div> 
   
  <div class="sag_icerik"> 
  	<ul style="list-style-type:none" > 
  		 
  		 <li > something </li> 
  		 <li > something </li> 
  		 <li > something </li> 
          </ul> 
  </div>

Yani bu div'lerin genişliği benim için çok önemli değil sadece yan yana dursun, dinamik olarak genişlikleri değişebilsin istiyorum.
Bunu nasıl yapabiliriz?

Teşekkürler

< Bu mesaj bu kişi tarafından değiştirildi loves_oi -- 1 Nisan 2015; 22:55:23 >

loves_oi

11 yıl (167 mesaj)

Teğmen

Konu Sahibi

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>

itsberkelium

11 yıl (3928 mesaj)

Binbaşı

Genişliği yüzde cinsinden yazın. width:25% gibi.

< Bu ileti mini sürüm kullanılarak atıldı > Bu mesaja 1 cevap geldi.

loves_oi

11 yıl (167 mesaj)

Teğmen

Konu Sahibi

Ç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ğı

Bu mesajda bahsedilenler: @BerkeSutcu

üstadgs

11 yıl (1084 mesaj)

Teğmen

Clear eklememissin galiba

< Bu ileti mobil sürüm kullanılarak atıldı >

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI html'de div'lerin genişliğini dinamik olarak değişebilir yapmak istiyorum.Nasıl yapabilirim?