İE7 ve 8'de kayma hek olayı?

HgTBilisim

Öncellikle merhaba, web sayfamda menu kısmında kaymalar var. Menulerde Ana Sayfa Pastalar tatlılar diye kategoriler var. Firefox ve chrome tarayıcısında normal bir görüntü var.Kayma yok. Msnden cssden anlayan birine sordum. İE7 İE8 için hek olayı var çağıracaksın kod koyacan ie7de öyle gözükecek ie8de öyle fln dedi. Sonra işim var diyerekten çıktı. Bu işlemi nasıl yapacam?

Bu Normal Görüntü(Firefox ve Chromeda Görünen)

Buda İE7 ve İE8'de Görünen

SadeceDownload · 12 Ekim 2010

bazı css ve js kodları mozillada normal çalışırken, Explorerde sorunlu çalışabiliyor. Seninki de bu şekilde bir sorun.
Senin sorununun asıl nedeni boyutlarla alakalı o yüzden her butona yüzdelik dilimle width ver.
Yani sallıyorum mozillada genişlemesine sayfa 800 iken explorerde 790'dır

yagmayok · 12 Ekim 2010

SadeceDownload' Alıntı:
Yani sallıyorum mozillada genişlemesine sayfa 800 iken explorerde 790'dır

Bunla tasarımınızı bozmaya hiç gerek yoktur.

Eğer tüm kodlar düzgün olmuşsa aşağıda vermiş olduğum dosyanın sorununuzu çözebilir.

aşağıdaki kodları .css olarak kaydedin ve sayfada normal style dosyanızın tanıdıldığı kodların üstünden tanıtımı yapın.

HTML:

tml, 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; }
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;
}

umit_agdeniz · 12 Ekim 2010

yağmayokun verdiği kodları normal css dosyanızdan ayrı olarak reset.css olarak kaydedip bütün css projelerinizde kullanabilirisiniz arkadaşlar çok güzel bir tekniktir

HgTBilisim · 13 Ekim 2010

tamam o reset olayı anladım. Yani kodlar sadece İE7'de İE'8de göstermek için dediğiniz şey hek yani.

Menuyle ilgili css kodları

Kod:

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrapmask {
    background: url(../images/mainnav-bg.png);
    height: 46px;
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
}

#ja-mainnavwrap {
    height: 46px;
    position: relative;
    z-index: 99;
}

#ja-mainnav {
    height: 46px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#ja-mainnav a, #ja-subnav a {
    outline: none;
}

#ja-topnavwrap {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/topnav-l.gif) no-repeat left top;
    height: 46px;
    float: left;
}

#ja-topnav {
    height: 46px;
    background: url(../images/topnav-r.gif) no-repeat right top;
    padding: 0 25px 0 0;
    float: left;
}

#ja-topnav ul {
    padding: 0;
    margin: 0;
}

#ja-topnav li {
    display: inline;
    background: url(../images/bullet.gif) no-repeat 12px center;
}

#ja-topnav li a {
    display: inline;
    font-variant: small-caps;
    line-height: 36px;
}

yagmayok · 13 Ekim 2010

dediğimi uyguladınız ve sorun çözülmedi mi ?