Sorun şu; aşağıdaki resimde 1 yazan kısımda
koduyla sağa hizalanmış 260px genişliğinde bir tablo var. Bu tablonun sol kısmındaysa en üstte bir YouTube videosu, altında çeşitli metinler, bu metinlerin altında da resimde gördüğünüz gibi başka tablolar var.
Bu "başka" tablolarda style="width: 100%;" kodu yer alıyor. Ancak bu kod olunca, tablo haliyle bulunduğu yerin değil "tüm sayfanın" genişliğine uzuyor, doğal olarak ta sağa hizalı tablonun altına kayıyor.
Ben bu soldaki tabloların mobilde de düzgün gözükmeleri adına 100% genişlikte olmalarını, ancak sağdaki tablonun altına kaymamalarını istiyorum.
Bunun için ne tür kod kullanmam gerekir?
Solda, Yetenekler kısmında yer alan tablonun kodu şu şekilde:
....
-
Üyelik
18.11.2011
-
Yaş/Cinsiyet
35 / E
-
Meslek
Web Developer
-
Konum
İstanbul Avrupa
-
Ad Soyad
B** Ç**
-
Mesajlar
3270
-
Beğeniler
1014 / 1983
-
Ticaret
53, (%100)
Tablolar çok sıkıntılı ya, bu işlem için tablolara class atayıp css üzerinden media screen kodlarını kullanabilirsin responsive için. Diğer türlü olmaz gibi.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
