Autor | Zpráva | ||
---|---|---|---|
HGD Profil |
#1 · Zasláno: 9. 12. 2012, 17:14:28
Ahoj, nesetkal jste se někdo s chybou, že Firefox zobrazí prvek, resp. v mém případě o 2 px níže než IE, Opera nebo Chrome. Margin a Padding jsem zkoušel znovu a znovu nulovat u všech možných nadřazených prvků, ale nic nepomohlo. Spíš to vypadá jako by všechny prvky byly o 2px níž oproti pozadí BODY
body{ margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica; font-size: 13px; text-align: center; background: #494949 url(images/bcg_img.png) top no-repeat; } .all{ margin: 0 auto; width: 960px; text-align: left; } .top{ height: 315px; text-align: left; } .top img{ padding-left: 40px; margin: 30px 0 47px 0; width: 460px; height: 187px; } /* HORNI MENU */ .topmenu ul{ display: inline; font-size: 17px; text-transform: uppercase; } .topmenu li{ float: left; padding: 0 30px 0 0; } .topmenu li a{ color: #494949; text-decoration: none; } .topmenu li a:hover{ color: #e800b6; } část indexu (jinak je to CMS WP) </head> <body> <div class="all"> <div class="top"> <a href="<?php echo home_url( '/' ); ?>"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="Floppy.cz-logo"></a> <div class="topmenu"> <?php wp_nav_menu( array( 'menu' => 'menu-header') ); ?> </div> </div> <!-- topmenu --> |
||
margin Profil * |
#2 · Zasláno: 9. 12. 2012, 17:25:06
Střelím naslepo, v úspěch věřím tak na 25 %, pokud jde o mezeru pod obrázkem, zkus:
.top img {display: block;} Pokud to nepomůže, tak dej odkaz na živou ukázku. |
||
HGD Profil |
#3 · Zasláno: 9. 12. 2012, 22:20:00
tak bohužel nepomohlo to, tady live http://wp.floppy.cz
|
||
Homer Profil |
#4 · Zasláno: 10. 12. 2012, 10:30:46
Já vždycky na na první řádek stylu dávám:
*{margin:0;padding:0;} |
||
HGD Profil |
#5 · Zasláno: 10. 12. 2012, 11:10:57
to už sem taky zkoušel a nepomohlo. Jediný co mi napdá uděat zvášt sty pro mozilu nebo nevim
|
||
Trejpa Profil |
#6 · Zasláno: 10. 12. 2012, 12:01:21
HGD:
Nejsem věštec, abych poznal, který „prvek“ máš na mysli. Jediný pozorovatelný rozdíl spatřuji ve výšce řádků, kterou nemáš ani pro body nastavenu, takže je v Mozilla Firefoxu oproti Internet Exploreru o jeden pixel na běžném písmu větší. |
||
HGD Profil |
#7 · Zasláno: 10. 12. 2012, 12:16:00
jé já sem lojza, sem to psal na odjezdu a nepřečet jsem si to po sobě. Jde mi o menu které je na hraně světle a tmavě šedé, a v mozille je o 2px níž ikdyž jsem ted zkoušel i nastavení výšky řádku
|
||
Trejpa Profil |
#8 · Zasláno: 10. 12. 2012, 15:05:42
HGD:
Nastavil jsem oběma prohlížečům body { line-height: 1.2; } a výsledek je totožný (drobný 1px rozdíl je důsledkem rozdílného zaokrouhlování):
|
||
Časová prodleva: 11 let
|
0