1. Tudásbázis
  2. Sminkek
  3. Firefox vs. MindenMásBöngésző CSS probléma Zen alsminknél

Firefox vs. MindenMásBöngésző CSS probléma Zen alsminknél

Beküldte FleetCommand - 2012. március 19. 15.21
FleetCommand képe

Sziasztok!

Szeretnék kialakítani Zen-ből egy Drupal 7-es sminket, és nagyjából kész is vagyok vele, viszont egy bajom van, amit viszonylag kitartó próbálkozások ellenére sem sikerült megszüntetnem. Az a tervem, hogy a fenti menüsor fülszerűen látszódjon, kiemelve az aktív oldalt, háttérben a többit. Meg is oldottam a kérdést, legalábbis úgy gondoltam, egészen addig, amíg meg nem néztem Firefoxban, ahol az egész egy képponttal lejjebb van, mint a többi böngészőben (ami magába foglalja a Chrome-ot, Safarit, Operát és az IE9-et is).

A kérdéses részt kiemeltem nagyban a fórumtémához csatolt képben. A homokozó oldalt a http://fleet.4242.hu/7/ címen megnézhetitek élesben is.

A menülinkeknek van alul 2px-es paddingjuk. Ha azt átállítom 1px-re, akkor FF-ben jó lesz, de minden máshol rossz lesz. Azon kívül, úgy van kialakítva a cucc, hogy a linkek ("a" tag) egy "li"-n belül vannak. Most a linkek vannak formázva. Gondoltam azt is, hogy a linkeknek nem adok keretet, hanem helyette a kívül lévő "li" elemet formázom meg, hátha a Firefox máshogy jeleníti meg az egymásban lévő dolgokat, de ennek az lett a hatása, hogy a Chrome-ban nem változott semmi (ahogy számítottam is rá), a Firefox viszont a szükségesnél nem egy pixellel nagyobbra, hanem egy pixellel kisebbre vette az elemet, tehát azzal nem jutottam előrébb..

Ha valakinek van valami ötlete, szívesen veszem, mert nekem már nincsen. :)

Melyik modulhoz, modulokhoz kapcsolódik a téma?: 
zen
Drupal verzió: 
7.x
Fórum: 
Sminkek
CsatolmányMéret
Kép ikon hethatar_ff_css_vagy_mittu_domain.png243.08 KB
csakiistvan képe

Beküldte csakiistvan - 2012. március 19. 15.29

Én minden reload alkalmával tökmás kinézetet kapok, és ez nem fícsör.. Szétesik, stb, de chrome-ban normális...

Vagy vadászd le a bugot, vagy ha nincs semmi tipp, használd http://drupal.org/project/browserclass modult...

1
0

Drupal full-stack developer at Wunderman Thompson Budapest

eMeLA képe

Beküldte eMeLA - 2012. március 19. 19.10 

#navigation ul.links li, #navigation .content li {
    float: left;    
    padding: 0 0 0 10px;
    margin-bottom: -1px; <---- pluszba ez van hozzáadva
}
#navigation li a {
    background-color: grey;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    display: block;      <---- pluszba ez van hozzáadva
    padding: 2px 6px;
    text-decoration: none;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
1
0

...mit tudok: http://web.termuves.hu

FleetCommand képe

Beküldte FleetCommand - 2012. március 19. 22.02

eMeLA köszönöm szépen, csodálatos! Ki tudja, rájöttem volna-e záros határidőn belül :)

csakiistvan: ne haragudj, nincsen a homokozó oldalon bekapcsolva a css fájlok összevonása, a szerver pedig nem tolerálja a sok szimultán kapcsolatot, sajnos Operával tud ilyent produkálni (gondolom, azzal nézted, mert eddig csak Operával tapasztaltam az általad leírt dolgot).

0
0