Téma: A JÓ Wordpress template kiválasztása

Csak röviden, van egy DIV amiben egy menüsor van. Ha a DIV-nek nem adom meg a fix magasságát, a FF akkor is szépen megjeleníti a menüpontokat a teljes magasságban, az IE -ben meg nem látszott semmi, amíg a megfelelő helyre a "height=" ki nem került.

Hozzáteszem ez az első munkám amit egy már meglévő template átszabásával készítek. Egyenlőre minden nap tanulok valami újat: hxxp://www.sharepointscanner.com/

Már rengeteget dolgoztam a forráskód és a CSS átírásával. IE-6 ban a felső menüsor alatt még mindíg látok egy kb 10 pixeles sávot, ami FF-ben és IE 7-ben nincs.

Amúgy mint mondtam FF-ben tökéletesen nézett ki eredetileg, amig IE-7 ben pusztán a KODAK logó feléig jelent meg a felső sáv....

Kijavítottam a menüs hibát, feltettem ide a cuccot (szólj ha már nem kell, törlöm)

hxxp://www.tutorial.hu/temp/kodak/
hxxp://www.tutorial.hu/temp/kodak/kodak.zip

FF, IE6-8 rendben, teszteltem.

A gond nem a böngészővel volt, hanem hogy egyrészt a navmenu-container -nek 55px-t adtál magasságként, miközben csak 45px kellett volna. Aztán asszem az UL-nek is adtam egy fix 45px magasságot meg egy overflow: hidden -t
hasonlítsd össze a css-t a tiéddel, azt az 1-2 sort szerintem meg fogod találni ami a gond volt (képek URL-ét átirtam, szal nehogy felmásold egy az egyben a tárhelyedre).

A logós probléma meg valszeg azért volt, mert egy inline A elembe blokk DIV-t raktál tartalom nélkül, ez így nem igazán jó.
A DIV eleve nem is igazán kellene ilyen formában a logóhoz (nincs értelme):

Kód:

<A href="./index_files/index.html"><DIV id="logo"></DIV></A>

Elég lenne az is, ha a linkhez felvennél css-ből display:block; -t és utána beállítanád neki kb azt, amit most a div#logo-hez tettél meg.

Kód:

<a href="./index_files/index.html" title="" id="logo">ide irsz vmi jo szoveget</a>

CSS:
a#logo {
	display:block;
	width:200px;
	height:50px;
	background-image:url(images/kodak-logo.jpg);
	background-repeat:no-repeat;
	float:left;
	text-indent:-9000px;
}

vagy lehet variálni így is:

Kód:

<a href="./index_files/index.html" title="" id="logo"><span>ide irsz vmi jo szoveget</span></a>

CSS:
a#logo {
	display:block;
	width:200px;
	height:50px;
	background-image:url(images/kodak-logo.jpg);
	background-repeat:no-repeat;
	float:left;
}
a#logo span { display:none; }

Én általában az FF-fel szoktam megszívni. IE-re megcsinálom az oldalt, megnézem FF-ben, és akkor kapok szívrohamot Persze, ha nem felejtem el, akkor közben is nézem ff-el, akkor picit jobb a helyzet, mert egyből lehet korrigálni.

Sajnos azt tapasztalom, hogy bizonyos templétek annak ellenére, hogy jól jelennek meg FF, IE7, Chrome alatt, koránt sem lesz jó IE8, vagy ie6 alatt. És most már főleg az IE8 kezd elterjedni, főleg, hogy sok vistás gépet azzal adnak el.

Erre a legegyszerűbb megoldást itt a fórumon írták le, de megosztom itt is, hátha nem mindenki találja meg:

head részbe:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Arni

törölheted leszedtem.

IE6-ban tökéletes lett, a 45-el az én 55-ön helyett, viszont FF-ban és IE7-ben most nem jó.

azaz külön CSS kéne, de még ebben sem utazom nagyon.

.... (itt most dolgozom nagyon)

Na kész és mindháromban jó.. a franc se érti, de az egyik konténernek mégis 55 kellett !!!

Szerintem Matt Cutts nem különösebben optimalizál, inkább csak ír. Aztán akármilyen marhaságot ír, 10.000 -en átveszik, meg hivatkozzák innentől fogva használhat ő akármilyen template -t, sose lesz rossz helyen.