| 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