Opera css margin sorunu

[Pluton]

Bu operada neden nasıl oluyor ve çözümünü bilen var mı acaba ?

Chrome ve diğer tarayıcılar:


Opera:


Gördüğünüz gibi 17pt olarak belirttiğim halde margin-top değerini operada biraz daha yukarıda bikaç yere baktım ama birşey bulamadım. Bununla karşılaşmış ve çözmüş olan var mı?

[Pickles]

reset.css kullandın mı

[Esnaf]

reset.css ne? aynı sorun bendede varda ondan :P

[toggie]

sunu css'e yerlestir bakalım. en tepeye koymanı oneririm.

	html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

	

[Pluton]

Reset.css baştan beri var zaten ya =)

	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;

	}

	body {

		line-height: 1;

	}

	ol, ul {

		list-style: none;

	}

	blockquote, q {

		quotes: none;

	}

	

	:focus {

		outline: 0;

	}

	

	ins {

		text-decoration: none;

	}

	del {

		text-decoration: line-through;

	}

	

	table {

		border-collapse: collapse;

		border-spacing: 0;

	}

Şurda: http://www.wmaide.com/css/css-resetleme

Öyle olduğu halde sorun veriyor ya

[Ractamainus]

opera resmini alttan kes, daralt düzelir.

ya da html kodu ver, ona bakarak yorum yapabilelim.

[reyou]

padding kullan

[Pluton]

Padding'de olmadı. Html kodu şu şekilde;

CSS:

#wrapper #header #menu { margin:17pt 0px 0px 35px; }

	#wrapper #header #menu li { display:inline; }

	#wrapper #header #menu li a { text-decoration:none; margin-right:10px; }

	#wrapper #header #menu li a:hover { color:#fc5b14; }

HTML:

<ul id="menu" class="left">

	  <li><a href="">Anasayfa</a></li>

	  <li><a href="">Arşiv</a></li>

	  <li><a href="">Site haritası</a></li>

	  <li><a href="">İletişim</a></li>

	</ul>

[reyou]

a elementine yani href a
display:block;
text-align:center;
padding-top:3px

ekle bakam nolcak.

[Pluton]

Evet böyle oldu ama sadece li 'deki display:inline'ın bir raconu kalmadı. Onuda float left ile hallettim. Teşekkür ettim yardımcı olan ve olmaya çalışan herkeşlere

Birde bunun neden oldugunu anlatabilecek bilen biri varsa sevinirim