Şimdi Ara

Dreamweaver - Css -div- sıkıntısı

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
5
Cevap
0
Favori
501
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar öncelikle herkerse iyi günler dilerim bu div lerde takıldıgım bı nokta var yanyana divler ile web sitesini hazırladım fakat bılgısayardakı butun tarayıcılarda sorun yasamazken (tarayıcı kendim ölceklendirdiğimde gene aynı sıkıntı söz konusu )mobil cihazlarda yanyana olan divlerimden biri alt satıra geciyor ve fixed komutunu kullanıncada solunda duran divin üstüne konumlanıyo. Konu hakkında yardımcı olabilirmisiniz yerlerini belirledikten sonra hangi yolu izlemeliyim tarayıcı ekranı ne kadar küçülürse küçülsün divlerim yer değişmesin ?



  • ilgili kod bölümlerini ve sorunlu yerleri resimlerini atarsan belki yardımcı olabilirim.
  • divlerin genişleiklerini yüzde ve aralarında margin varsa bunları da yüzde oalrak verirsen hiç sıkıntı kalmaz.
  • <style type="text/css">
    body {
    background-image: url(bg.jpg);
    background-repeat: repeat;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    #menu_alan {
    padding: 0px;
    height: 70px;
    width: 100%;
    background-color: #9a907e;
    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: #222222;
    position: fixed;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    float: none;
    }
    #ust_1000_luk_alan {
    height: 70px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    }
    #menu_yazi {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #666666;
    float: right;
    height: 50px;
    width: 500px;
    margin-left: 5%;
    margin-top: 25px;
    margin-right: 70px;
    }
    #ana_resim {
    height: 530px;
    width: 1000px;
    }
    #logo_iceri {
    float: left;
    height: 250px;
    width: 350px;
    }
    #menu_alan #menu_yazi ul {
    list-style-type: none;
    }
    #menu_alan #menu_yazi ul li {
    float: left;
    margin-left: 14px;
    }
    #menu_alan #menu_yazi ul li a {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #CCC;
    text-decoration: none;
    line-height: 25px;
    }
    #menu_alan #menu_yazi ul li a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #e0ac02;
    text-decoration: none;
    }
    #temizle_menu {
    clear: left;
    }
    #govde {
    height: 500px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    }
    </style>
    </head>

    <body>
    <div id="menu_alan">
    <div id="ust_1000_luk_alan">
    <div id="logo_iceri"><img src="logo.png" width="350" height="235" alt="Yapı Yönetim Logo" /></div>
    <div id="menu_yazi">
    <ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=96139613&url=#" data-href="#">Ana Sayfa</a></li>
    <li>|</li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=96139613&url=#" data-href="#">Servislerimiz</a></li>
    <li>|</li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=96139613&url=#" data-href="#">Bize Ulaşın</a></li>
    <li>|</li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=96139613&url=#" data-href="#">Üye Girişi</a></li>
    </ul>
    </div>
    <div id="ana_resim"><img src="ana-resim.jpg" width="1000" height="530" align="top" /></div>
    <div id="temizle_menu"></div>
    <div id="govde"></div>
    </div>
    </div>

    </body>
    </html>





    Şuanki kodlarım bunlar zıplama sorununu kesin ölçülü bi divin içine alarak menüleri sabitledim fakat suandada bi web sitesinde ekranın kaydırma cubuklarını kullanamıyorum yani gözükmüyorlar :S




  • Ekran kaydırma çubugunun sıkıntısınıda çözdüm arkadaslar fixed komutu sebebi ile o komutu verdiğim div sürekli ekranda görünür şekilde kalıyor. Bu nedenle kaytdırma çubuğu aktif hale gelmiyor ...
  • Yapay Zeka’dan İlgili Konular
    Css ile buton sıralama
    8 yıl önce açıldı
    PHP ile CSS yolu problem
    14 yıl önce açıldı
    Daha Fazla Göster
    
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.