cssde çok acil yardım.. sinir oldum biraz acele..

Merhaba arakdalsar benim sorunum oldukça garip bir türlü anlayamadım yapacağımı.. artık olmuyacak olmuyacak kombinasyonlar denemeye basladım..

Altta görmüş oldugunuz blokta şöyle birşey yaptım.. ilk önce 1 tane div açtın UST ORTA VE ALT class olusturdum.. ortasına dedimki blok uzaktıkça sende uza kendini tekrarla..
bunda sorun yok ama ondan sonra birde başlık için birde bir tane class attım araya ondada sorun yok tam istediğim gibi.. AMA

Resimde gormus oldugunuz siyah alan içinde ustteki aynı sistemi kullandım 3 tane class actım ust imaj orta imaj ve alt iöaj olarak üçe böldüm yine ortadaki kendini tekrarla dedim ama bu sefer ustteki ve alttaki imajlar ortadaki imaja yapışmıyor yani arada bosluk kalıyor kırmızı alanda gosterdiğim gibi..
margin-top: -10px; yaparak kapatabiliyorum bu açığı fakat biliyorum bunu alt sayfalarda kullanacak oldugum zaman gıcıklık yapacak ve ben çakma iş yapmak istemiyorum. ben bunu nasıl kapatabilirim.. margin: 0px; padding: 0px; aklıma ne geldiyse denedim.. en olmuyacak şeyleri dahi denemedim olmadı.. aralarına bakıyorum <br> kodu varmı diye oda yok... bana bi yardım edin nasıl yapacam


Not : buyuk kırmızı alanı reklamı önlemek için sadece...



Php kodu -

<div id="kutucuklar_yeni"> 
<div class="beyaz_kutucuklar_ustu">  </div>

<div class="beyaz_kutucuklar_ortasi"> 

<div class="beyaz_kutucuklar_ustu_baslik">  <h1>   Gelecek Oyunlar </h1> </div>


<div class="ana_sayfa_genel_ust_siyah">  </div>

<div class="ana_sayfa_genel_orta_siyah" >  


 <?php include("anasayfablog2_2_kutu.php"); ?>

</div>

<div class="ana_sayfa_genel_alt_siyah" >  </div>




</div>

<div class="beyaz_kutucuklar_alti"> </div>

</div>

Buda cssi -

#kutucuklar_yeni .ana_sayfa_genel_ust_siyah {
		background:transparent url(/images/bgfotolar/ana_sayfa_genel_ust_siyah.png) top no-repeat;
		width: 260px;
		height: 5px;			
}

#kutucuklar_yeni .ana_sayfa_genel_orta_siyah {
		background:transparent url(/images/bgfotolar/ana_sayfa_genel_orta_siyah.png) repeat-y;
		width: 260px;
		margin-left: 5px;
						
}


#kutucuklar_yeni .ana_sayfa_genel_alt_siyah {
		background: url(/images/bgfotolar/ana_sayfa_genel_alt_siyah.png) top no-repeat;
		width: 260px;
		height: 5px;
		
}

h1 tagını kullandığın yerdemi çıkıyor boşluklar, eğer öyleyse h1 in padding ve margin ini sıfırlayabilirsin css'den.

hayır h1de kullandığım yerde değil.. h1 baslıgın olugu kısım onunla bir alakası yok

body{margin:auto;} eklemeyi denermisin

#kutucuklar_yeni .ana_sayfa_genel_ust_siyah {
background:transparent url(/images/bgfotolar/ana_sayfa_genel_ust_siyah.png) no-repeat bottom;
width: 260px;
height: 5px;
}
şunu bi denermisin öncelikle

Bu sorun banada olur arada. Hatta ie de olur firefox da olmazdı.
Bu sorunu şöyle çözdüğümühatırlıyorum emin olmamakla birlikte.

Google da aratırsan "css reset" diye bir çok kod kombinasyonları görürsün. Bu kodları css dosyanın en basına koyarsan tasarımın daha bir tutarlı olur farklı tarayıcılar arasındaki farklar azalır. Ben bu sorunu bu şekilde çözümlediğimi hatırlıyorum. Kodlar genelde şu şekilde olur:

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}