[]

Web icerigini tam sayfanin ortasina koyabilmek

resimdeki kodun ise yaramasi lazim ama olmuyor. zannedersem css'te problem var. hangi degerleri kontrol etmem gerekir?




 
kodlar gorunmuyor ama align i$ine yaramiyor mu ?
position:absolute da i$ gorebilir onunla beraber.

edit: tablo iceriginden bahsediyorsan o ayri.
sayfadan bahsediyorsan body'e mudahale etmen gerek. en basitinden tum icerigi div align="center" ile ortalarsin.
.css'te de body class'ina vertical-align:middle eklersen yatay ve dikey ortalami$ (div align="center" ile birlikte) olursun.
bir de text-align var ama cok saglikli olmaz onu kullanman.
  • sourlemonade  (08.01.08 23:47:00) 
cik, olmuyor


  • turkish tekila  (08.01.08 23:53:44) 
$unu dene

td align="center" style="vertical-align:middle"
  • sourlemonade  (08.01.08 23:55:38) 
olmadi. eksik degil de yanlis veya fazla bir kod var mutlaka. ne bozabilir?


  • turkish tekila  (08.01.08 23:59:55) 
table'in icine koydugum icerikte bazi bolumlerin css'te margin-bottom, margin-top gibi degerleri var, acaba bu bir bug mi yaratiyor? bu marginleri sayfayla degil diger iceriklerle ilgili kullanmistim ama kafama takildi simdi.


  • turkish tekila  (09.01.08 00:05:05) 
$u $ekilde yazdim ben $imdi: img175.imageshack.us
gayet guzel cali$iyor, oluyor.

edit: css icinde td'ye bir $eyler ekledin ise kaldir bir sureligine.
sayfayi da $oyle upload ettim: imp4ct.googlepages.com
browser buyuklugunu degi$tirince anlarsin.
  • sourlemonade  (09.01.08 00:06:48) 
valign yazılmış ordaki v fazlalık gibi geldi yada ne işe yarıyor ki?


  • crystalsoul  (09.01.08 05:37:43) 
valign = vertical align (kisaltma)


  • turkish tekila  (09.01.08 08:16:39) 
@crystalsoul: valign dikey hizalama, align yatay hizalama. v fazla değil yani.


  • kibritsuyu  (09.01.08 08:24:53) 
DOCTYPE'da sorun çıkmasında etkili olabilir.

CSS:

#sinir {
display: block;
position: absolute;
top: 50%;
width: 100%;
height: 0;
}

#icerik {
position: relative;
top: -200px;
left: 10%;
width: 80%;
height: 400px;
background-color: #eee;
border: 1px #336699 solid;
}

HTML:

img113.imageshack.us

FF2 ve IE7'de denedim.

Ek:

Birde şöyle bi'şey yapmış amcalar:

perishablepress.com
  • wehrmacht  (09.01.08 08:58:14) 
valign table ile kullanilir.
css'teki kar$iligi da vertical-align'dir.

  • sourlemonade  (09.01.08 08:59:22) 
div'le yapılan tasarımlarda "margin: 0px auto;" da bahsedilen div'i ortalamaya yarar, aklınızda bulunsun.


  • atesadam  (09.01.08 11:03:07) 
1
buraya yazılanların hakları Sir Anthony Hopkins'e aittir.
yazan eden compumaster, ilgilenen eden fader
modere edenler angelus, Artibir, aychovsky, baba jo, basond, compumaster, deckard, duyulmasi gerektigi kadar, fader, fraise, groove salad, kahvegibi, kaymaktutmayansicaksut, kibritsuyu, monstro, pandispanya, robin, ron dennis
bu sitede yazılanların hiçbiri doğru değildir. site içeriği küçükler için sakıncalı olabilir. yazılardan yazarları sorumludur. kaynak göstermeden alıntılanamaz. devlet tarafından atanmış bir kurumun internet üzerinde kimin hangi bilgiye ulaşıp ulaşamayacağına karar vermesi insan haklarına aykırıdır. web siteleri kullanıcıların istekleri doğrultusunda bağlandıkları yerlerdir. kullanıcılar isterlerse bir web sitesine bağlanmayabilirler. bu güçleri ve imkanları mevcuttur. bir kullanıcı bir siteye bağlanmak istiyorsa bu onun tercihi ve hakkıdır. bağlanmak istemiyorsa bu yine onun tercihi ve hakkıdır. halkın kendisine hizmet etmesi için görevlendirdiği kurumlar hadlerini aşıp halka neye ulaşıp ulaşmayacağını bilmeyen cahil cühela muamelesi edemezler. ebeveynlerin çocuklarını sakıncalı içeriklerden koruması için çok sayıda bedava ve ücretli yazılım mevcuttur. bu yazılımlar bir web tarayıcısını kullanmaktan daha karmaşık teknik bilgi gerektirmemektedir. devletin milletini küçük düşürmesi ve ebleh yerine koyması yasaktır. Skimlinks ile linkler üzerinden yönlendirme payı alınmaktadır.