Mobilde farklı Masaüstünde farklı görüntü (footer)

26.12.2016 19:53

safakozt WM Aracı Kullanıcı

Üyelik 17.03.2015
Yaş/Cinsiyet 33 / E
Meslek WebMaster
Konum İstanbul Avrupa

Ad Soyad Ş** Ö**
Mesajlar 138
Beğeniler 23 / 27
Ticaret 0, (%0)

Herkese merhaba,
Aşağıdaki gördüğünüz kodları footer'a uyguladığımda masaüstünde gayet normal gözükürken mobilde alt alta sıralanmış halde gözüküyor.

Masaüstü Görünüm:

Mobil Görünüm:

Css kodları:

#seana {

  width:1200px;

  position: relative;

  margin-left: 60px;

  }

#sesol1 {

  width:280px;

  float:left;

  text-align:left;

  padding:10px;

  }

#sesol2 {

  width:280px;

  float:left;

  text-align:left;

  padding:10px;

}

#sesag1 {

  width:280px;

  float:left;

  text-align:left;

  padding:10px;

}

#sesag2 {

  width:280px;

  float:left;

  text-align:left;

  padding:10px;

}

HTML Kodları:



Kurumsal


Hakkımızda


Müşteri Hizmetleri


Sipariş Takibi


iletişim



Kategoriler


Kayan yazı


Led Tabela


Led ekran


P10 panel


Cnc kasa



Mesai Saatlerimiz


Hafta içi : 09:00 - 18:00


Cumartesi : 09:00 - 18:00





Sosyal Medya

iyi forumlar.

27.12.2016 02:03

#2

MuhammetKoc muhammetkoc.com Telefon Onaysız

Üyelik 15.03.2016
Yaş/Cinsiyet 27 / E
Meslek web tasarım
Konum Nevşehir

Ad Soyad M** K**
Mesajlar 215
Beğeniler 88 / 36
Ticaret 2, (%100)

sitenin linkini alıp canlı görmemiz daha faydalı olacaktır diye düşünüyorum

27.12.2016 03:18

#3

TazZ www.ahmetcetintas.com Kullanıcı

Üyelik 19.10.2012
Yaş/Cinsiyet 37 / E
Meslek Grafiker Yazılımcı
Konum Aydın

Ad Soyad A** Ç**
Mesajlar 795
Beğeniler 324 / 323
Ticaret 19, (%100)

Genişlikleri % ile dene

27.12.2016 03:35

#4

dnaz Back to Front End Kullanıcı

Üyelik 02.06.2016
Yaş/Cinsiyet 41 / E
Meslek Software
Konum Adana

Ad Soyad K** A**
Mesajlar 704
Beğeniler 101 / 147
Ticaret 34, (%100)

#seana {
width:1200px;
position: relative;
margin-left: 60px;
box-sizing:border-box;
}
#sesol1 {
width:280px;
float:left;
text-align:left;
padding:10px;
box-sizing:border-box;
}
#sesol2 {
width:280px;
float:left;
text-align:left;
padding:10px;
box-sizing:border-box;
}
#sesag1 {
width:280px;
float:left;
text-align:left;
padding:10px;
box-sizing:border-box;
}
#sesag2 {
width:280px;
float:left;
text-align:left;
padding:10px;
box-sizing:border-box;
}

bu şekilde dene bakalım.

Mobilde farklı Masaüstünde farklı görüntü (footer)

Üye Girişi Yap