Birinci soru: Değerli dostlar, hem genel div kullanıp hem de wmaraci sitesinin header kısmında olduğu gibi, o kısmın sayfanın sağ ve soluna doğru sonsuz bir şekilde tekrar edebilmesini sağlayabilir miyiz? Yöntemi nedir?
İkinci soru: burada olduğu gibi ekran boyutu ne olursa olsun, sitenin ekranın tamamını kapsayabilmesi nasıl oluyor?
Yardımcı olursanız çok sevinirim. Kolay gelsin.
Genel div kullanımı hakkında bir sorun |
8 Mesajlar | 1.400 Okunma | ||
- Üyelik 07.05.2012
- Yaş/Cinsiyet 29 / E
- Meslek Webmaster
- Konum Bursa
- Ad Soyad E** Ç**
- Mesajlar 1003
- Beğeniler 137 / 136
- Ticaret 17, (%100)
- Üyelik 28.03.2014
- Yaş/Cinsiyet 33 / E
- Meslek Ui Designer
- Konum Bursa
- Ad Soyad E** Y**
- Mesajlar 99
- Beğeniler 24 / 35
- Ticaret 1, (%100)
Uzunluk değerini pixel değilde % cinsinden atadığın zaman istediğin gibi olur.
örn : width:100% gibi
örn : width:100% gibi
Youtube Kanalım : https://www.youtube.com/channel/UCVoiEsmK98SYw9alSD9Ja_A
- Üyelik 07.05.2012
- Yaş/Cinsiyet 29 / E
- Meslek Webmaster
- Konum Bursa
- Ad Soyad E** Ç**
- Mesajlar 1003
- Beğeniler 137 / 136
- Ticaret 17, (%100)
Uzunluk değerini pixel değilde % cinsinden atadığın zaman istediğin gibi olur.
örn : width:100% gibi
örn : width:100% gibi
Dediğinizi uyguladım ama olmadı. Genel div içerisinde bunu uyguladığım için mi olmadı dersiniz?
- Üyelik 30.03.2015
- Yaş/Cinsiyet 24 / E
- Meslek Game Developer
- Konum Kırklareli
- Ad Soyad B** P**
- Mesajlar 175
- Beğeniler 9 / 49
- Ticaret 3, (%100)
sol
sağ
- Üyelik 18.07.2012
- Yaş/Cinsiyet 37 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad S** A**
- Mesajlar 219
- Beğeniler 28 / 66
- Ticaret 0, (%0)
1. Soru için
2. sorun için örnek site açılmıyor.İçerik full ekrana yayılmış olarak istiyorsan.Bütün kapsayıcı elemanlara width:100% vermen yeterli.
.header {
width: 100%;
background: #345597;
}
.container {
width: 960px;
margin: 0 auto;
}
2. sorun için örnek site açılmıyor.İçerik full ekrana yayılmış olarak istiyorsan.Bütün kapsayıcı elemanlara width:100% vermen yeterli.
- Üyelik 04.08.2014
- Yaş/Cinsiyet 40 / E
- Meslek Yönetici
- Konum İstanbul Avrupa
- Ad Soyad Ş** K**
- Mesajlar 3625
- Beğeniler 1459 / 1458
- Ticaret 135, (%100)
yeni başlıyanlar için %100 deli çalışmaları iyice öğrenmek gerek responsive tasarımlarda çok kafa yoruluyor sonradan
Bugün Bizim Yarın Çocuklarımızın.
- Üyelik 07.05.2012
- Yaş/Cinsiyet 29 / E
- Meslek Webmaster
- Konum Bursa
- Ad Soyad E** Ç**
- Mesajlar 1003
- Beğeniler 137 / 136
- Ticaret 17, (%100)
sosyalmedya adlı üyeden alıntı
1. Soru için
.header {
width: 100%;
background: #345597;
}
.container {
width: 960px;
margin: 0 auto;
}
2. sorun için örnek site açılmıyor.İçerik full ekrana yayılmış olarak istiyorsan.Bütün kapsayıcı elemanlara width:100% vermen yeterli.
Hocam söylediklerinizi uygulamama rağmen bir çözüm alamadım maalesef. Yine de yardımlarınız için teşekkür ediyorum.
- Üyelik 05.02.2014
- Yaş/Cinsiyet 28 / E
- Meslek developer
- Konum Bursa
- Ad Soyad F** Ö**
- Mesajlar 704
- Beğeniler 195 / 222
- Ticaret 8, (%100)
1.o çizgi wmaracinda genel div kapanmadan, div'lere etki etmeden body arka planı mantığıyla yapılmış. ayrıca, .wrap class'ı oluşturup, width 960px margin 0 auto şeklinde css atarsanız; dilediğiniz zaman genişliği div ile açar kaparsınız. o aradaki boşluğa da artık çizgi mi eklersiniz, ne eklersiniz bilmem.
2.px değil de width % değeri vererek bahsettiğiniz işlemi yapabilirsiniz. min-width ve max-width değerlerini de vermeyi unutmayın.
2.px değil de width % değeri vererek bahsettiğiniz işlemi yapabilirsiniz. min-width ve max-width değerlerini de vermeyi unutmayın.
EFSANE! | omerbeyoglu.me
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)