Két kérdés, az operációs rendszer és a böngésző független weboldal irányelveivel kapcsolatban.
Sziasztok!
Két dolgon nem tudtam még túljutni az elmúlt heti rohanásomban. Ezekkel kapcsolatban lennék kiváncsi a véleményetekre.
1.:
Ezt a doctyp-ot használom, de IE5 és IE 5.5 fütyül rá!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Találtam egy oldalt, ahol hosszú tömött sorokban ecsetelik hogy ezek a böngészők mit hogyan értelmeznek másként. Nekem konkrétan két problémát okoz ez: nem működik a divben divet középre a margin-left:auto margin-right:auto eljárással, és a list-style-type: none eredményeképp megmarad a padding a listaelemk előtt. Igaz azt padding-left:-10px-el el tudom tüntetni, de mi a szokás?
2.:
Hogyan kell hivatalosan más oprendszerek karakterkészletére felkészíteni a weboldalunkat? pl.: linux vs. Verdana? Több stíluslap? Vannak egyezményesen default linuxos és osx-es karakterkészletek?
Pl mint (Win)Verdana -> (linux)Cursor
Várom hozzászólásaitokat: s_volenszki
■ Két dolgon nem tudtam még túljutni az elmúlt heti rohanásomban. Ezekkel kapcsolatban lennék kiváncsi a véleményetekre.
1.:
Ezt a doctyp-ot használom, de IE5 és IE 5.5 fütyül rá!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Találtam egy oldalt, ahol hosszú tömött sorokban ecsetelik hogy ezek a böngészők mit hogyan értelmeznek másként. Nekem konkrétan két problémát okoz ez: nem működik a divben divet középre a margin-left:auto margin-right:auto eljárással, és a list-style-type: none eredményeképp megmarad a padding a listaelemk előtt. Igaz azt padding-left:-10px-el el tudom tüntetni, de mi a szokás?
2.:
Hogyan kell hivatalosan más oprendszerek karakterkészletére felkészíteni a weboldalunkat? pl.: linux vs. Verdana? Több stíluslap? Vannak egyezményesen default linuxos és osx-es karakterkészletek?
Pl mint (Win)Verdana -> (linux)Cursor
Várom hozzászólásaitokat: s_volenszki
lista behúzás
A list-style-type nem hat egy böngészőben sem a paddingra! Sok kellemetlenségtől kíméled meg magad, ha utána olvasol, hogy az egyes tulajdonságok pontosan mit is csinálnak és nem csak megpróbálod a neve alapján kitalálni!
A Doctype switch IE esetében csak 6-os verziónál vezették be. Középre igazításra keress a honlapomon választ.
Egyes tulajdonságok mit csinálnak...
De! A helyzet változatlan! Lenulláztam az <ul> és <li> tagek margin és padding értékeit:
de másképp mutatkozik IE5 IE5.5-ben.
Ha nincs megadva szélesség, akkor jó, de ez egy olyan menü aminek háttere van, ezért szükséges a fix szélesség. Van ötleted?
s_volenszki
Valami rémlik
Próbáld ki, hogy több menüpontot is hozzáadsz! Véletlenül nem csak az elsővel csinálja ezt? Mintha belebotlottam volna már én is. Próbáld, hogy width vagy height értéket, vagy position:relative-ot adsz az li-nek. (Használd a conditional comments-et, hogy csak ezekre a régebbi verzióra vonatkozzanak.)
Van néha baja az IE-nek a listákkal sajnos.
A font-size, line-height értéket az UL-en állítsad ha arra kerül a sor.
Ha nem fog menni és fontos a 6-os elöttivel a kinezetbeli kompatibilitás akkor hagyd az UL-LI szerkezetet és válts vissza DIV-ekre. Én ezt Origo menünél játszottam el. Lista menük
position:relative
IE6, Netscape, FFx, Opera
IE5, IE5.5
Még valami ötlet, aztán irány div ország, mert ez a kis szemétke már sok bosszússágot okozott (IE5)!
s_volenszki
azzal kellett volna kezdeni...
margin: -1px;
border: 1px dotted red;
}
így látod a szerkezetet. Ha csak az UL-nek adsz keretet megláthatod, (amit sejtek) hogy esetleg nem is a listával van baj, hanem valamelyik konténer objetum adja neki.
Verdana
Amúgy vannak általános font-famíliák, és a css-ben amúgy is megadhatsz egy preferenciasorrendet, Arial csak van mindenütt, és ha nem lenne a végére írod az általános nevet: sans-serif.