Autor Zpráva
Culik
Profil
Ahoj. Mám problém s rozložením tabulky v různých prohlížečích. Zatímco Chrome (v53) i Edge (v25) zobrazují správně, Firefox i Opera každý řádek vzhledem k pozadí mírně posouvá dolů (www.9.skauting.cz/stezka.php?muj_oddil=Dev%25C3%25ADtka%2520-%2520Fidelis%2520et%2520Fortis%252C%2520Kamenice%2520nad%2520Lipou&BtnSubmit=OK#). Obrazek na pozadi je definovan jako

<div id="box" style="background-image: url(images/stezka.png);background-repeat: repeat-x; height: 4800px; width: 500px">

a jednotlive radky tabulky pak pomocí padding

<table style="padding-top: 18px; padding-left: 78px; border-spacing: 0;">

Má s tím někdo zkušenosti? Vůbec nevím, na co se zaměřit a co zkoušet upravovat, aby to všude vypadalo stejně.

Děkuji moc za všechny rady.
juriad
Profil
Je to tím, že ve Firefoxu ten input s černým rámečkem má celkovou výšku 23 pixelů, kdežto všechno ostatní na řádku má jen 22 px. Toto způsobuje, že každá řádka s tímto inputem posune celý zbytek o 1 px dolů a dohromady se to nasčítá na ten efekt, který vidíš.

Mimochodem, je opravdu nutné mít jedno dlouhé pozadí a na něj se snažit napasovat jednotlivé prvky? Není vhodnější to pozadí rozřezat na menší a nastavovat přímo určitou část jednotlivým prvkům? Neměl bys pak problémy s tím, že všude používáš nějaké magické konstanty. Navíc by veškerý text mohl být přímo v HTML na rozdíl od obrázku.
Culik
Profil
juriad:
Děkuji za nápad! Odstranil jsem u všech dotčených buněk rámeček, vyresilo to cast problemu, buňky už jsou posunuté o trochu méně, přesto tam ještě nějaký posun je, zjistit, kde je problém, bude však asi mimo možnosti této diskuze, celý kód je příliš dlouhý... Firefox totiž nějak nechápe, že 394x4800 má být tolik a tolik a místo toho si dosadí vlastní (menší hodnoty)

Add rozřezaní obrázku - nejsem si jisty, jak by to bylo možné, když je tam tabulka s ca 370 aktivnimi tlacitky, ktere po stisknuti zmeni barvu, takze bych tam musel mit dvojnasobny pocet obrazku, nepocitam-li, ze samotne rozrezavani a znovu slozeni nevim, jestli bych jen tak zvladnul :(

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: