Merhabalar,
3-4 gündür bir index tasarımı yapıyordum, index tasarımı dediysem blog tarzında bir şey baya baya. Son halini aldı her şeyi tamamladım fakat bir eksik fark ettim. Benim ekranım 1024x768 px çok rahat oluyor fakat diğer hiç bir ekrana olmuyor. Ne biliyim mesela üst tarafı kayıyor, altı gözükmüyor, yamuk duruyor gibi sorunlar. Ben buna karşı arkaplanın boyutunu %100 de yapmıştım fakat sorun devam ediyor, bunu nasıl çöze bilirim?:confused:
Ekran Uyuşmazlığı |
8 Mesajlar | 1.373 Okunma | ||
- Üyelik 27.10.2012
- Yaş/Cinsiyet 31 / E
- Meslek -
- Konum Aydın
- Ad Soyad C** K**
- Mesajlar 169
- Beğeniler 8 / 26
- Ticaret 0, (%0)
- Üyelik 18.01.2014
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci, Programcı
- Konum Ankara
- Ad Soyad K** K**
- Mesajlar 232
- Beğeniler 34 / 11
- Ticaret 0, (%0)
Bende de aynı sorun vardı div e css de Margin:0px auto; derseniz duzelecektir hepsini kapsayan divlere
- Üyelik 27.10.2012
- Yaş/Cinsiyet 31 / E
- Meslek -
- Konum Aydın
- Ad Soyad C** K**
- Mesajlar 169
- Beğeniler 8 / 26
- Ticaret 0, (%0)
Bende de aynı sorun vardı div e css de Margin:0px auto; derseniz duzelecektir hepsini kapsayan divlere
sadece arkaplan için yaptım test amaçlı fakat düzelmedi hocam
- Üyelik 18.01.2014
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci, Programcı
- Konum Ankara
- Ad Soyad K** K**
- Mesajlar 232
- Beğeniler 34 / 11
- Ticaret 0, (%0)
Mesela
Tabletteyim buradan yazmak zor oluyor
Mesela
div #genel
Div.menü > menu-bg gibi iste bu durum da
#genel{
Margin:0px auto ;
}
Verin olacaktir
Tabletteyim buradan yazmak zor oluyor
Mesela
div #genel
Div.menü > menu-bg gibi iste bu durum da
#genel{
Margin:0px auto ;
}
Verin olacaktir
- Üyelik 17.05.2014
- Yaş/Cinsiyet 35 / E
- Meslek Webmaster
- Konum İzmir
- Ad Soyad K** Ç**
- Mesajlar 209
- Beğeniler 15 / 56
- Ticaret 4, (%100)
Css ile tasarım yaparken mutlaka sıfırlama css'i kullanmalısınız. Google'a girip reset.css yazarsanız bir sürü bulabilirsiniz.
- Üyelik 27.10.2012
- Yaş/Cinsiyet 31 / E
- Meslek -
- Konum Aydın
- Ad Soyad C** K**
- Mesajlar 169
- Beğeniler 8 / 26
- Ticaret 0, (%0)
Css ile tasarım yaparken mutlaka sıfırlama css'i kullanmalısınız. Google'a girip reset.css yazarsanız bir sürü bulabilirsiniz.
Ne demek istediğinizi biraz açıklarmısınız? Benim ekran uyuşmazlığı problemime çara olacakmı?
- Üyelik 17.05.2014
- Yaş/Cinsiyet 35 / E
- Meslek Webmaster
- Konum İzmir
- Ad Soyad K** Ç**
- Mesajlar 209
- Beğeniler 15 / 56
- Ticaret 4, (%100)
Ne demek istediğinizi biraz açıklarmısınız? Benim ekran uyuşmazlığı problemime çara olacakmı?
Eğer kodlarınız CSS ve HTML standartlarına uygunsa bütün tarayıcılarda ve ekran çözünürlüklerinde aynı sonucu almanız lazım. Eğer Chrome tarayıcısında farklı IE'de farklı ise o zaman tasarımsal bir hata mevcuttur. Bunun en iyi tespitini http://jigsaw.w3.org/css-validator/ adresindeki aracı kullanarak yapabilirsiniz.
Reset.css nedir?
Bazı html tagları kendine özgü değerler ile standartlaştırılmıştır. Örneğin, a tagı düz olarak yazıldığında altı çizgili ve mavi olarak gösterilmektedir. Body tagı ise margin değerine sahiptir. Reset css ile bunları kolayca sıfırlayabiliyorsunuz. Benim en çok kullandığım reset.css stili aşağıdadır. Bunu tasarımlarınıza başlamadan css kodlarının en üstüne yapıştırmanız gerekmektedir.
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Yine de kodlarınızı görmeden sorununuz bu şekilde çözülür diyemem. Konu altına kodlarınızı yazarsanız veya internet sitesinin adresini verirseniz kontrol edebiliriz.
Ek Olarak:
Ne demek istediğinizi biraz açıklarmısınız? Benim ekran uyuşmazlığı problemime çara olacakmı?
Hocam burdan devam edelim gelen kutusu doluyor yanlış anlama :)
- Üyelik 29.12.2013
- Yaş/Cinsiyet 25 / E
- Meslek Öğrenci
- Konum Çorum
- Ad Soyad N** Y**
- Mesajlar 933
- Beğeniler 16 / 125
- Ticaret 2, (%100)
Evet reset.css siz bu iş biraz zor reset.css diye bi dosya oluşturun ve içine arkadaşın verdiklerini ve siteniz ile ilgilileri koyun başka tarayıcılardada işe yarar.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)