Nestašna tablica - Firefox bug?

Web dizajn i grafika
1

Evo jednog brain teasera.

URL je
http://www.locusto.com/categories.php

Tablica s desne strane u FireFoxu 8 “bježi” desno. U Safariju, Chromeu, Operi, pa mislim i u IE-u je sve u redu. FireBugom sam pronašao da je problem u CSS resetu koji postavlja margin svim elementima na 0. Čim maknem to za table ili tbody, tablica se vrati na mjesto. Zanimljivo je da je dovoljno to maknuti samo na CSS reset iako se taj property kasnije overwritea sa margin: 0 auto; u drugoj klasi.

FireFox bug ili bosebnost raskupusanog CSS-a kojeg pokušavam dovesti u red? U svakom slučaju bilo bi zanimljivo znati!

2

Evo rijesili smo daj Rep! :wink:

3

ubacit cu se da ne otvaran novu temu…

iman problem sljedeci,
znaci tablica 2 stupca i 3 redka, 6 kućica. u svakoj kućici je jedna
slika dimenzija 380x285 (4:3 format)
tablica nema određene dimeznije tako da se širi i izuži po potrebi slike,
ali ispod svake slike mi ostane 4-5 pixela prazni prostor.
znaci livo, desno i gori slika se priljubi na rub, a donji dio slike mi ostane
nepriljubljen uz tablicu. u cssu nema ništa definirano, a u html-u je
samo border posavljen.

izluđiva me, šta napravit?

4

Jesi stavio cellpadding i cellspacing na 0?

<table cellpadding="0" cellspacing="0">

A za slike stavi u CSS-u

img
{
     margin:0;
     padding:0;
}
5


http://img593.imageshack.us/img593/5971/izrezakwv.jpg

evo da vidis…

nije ovo upalilo…
pokuša san height na td, mogu jedino povecat ali nece ovo bilo da stisne,
ponaša se koda je slika… u designu je normalno
ali u FF ili IE se vidi…

6

Mozes li c/p HTML i CSS kod za ovaj dio?

7

evo ovako:

http://www.inet.hr/~fsokol

8

Dodaj ovo u CSS:

img.whitespace
{
	margin:0;
	padding:0;
	border:0;
	display:block;
}

U HTML-u nemoj zaboravit stavit na tablicu cellpadding i cellspacing na 0, a na svaku od ovih 6 slika stavi ovu klasu whitespace i to je to.

9

fala puno, samo sa cssom radi…
u display:block je bila caka… jer td je po defaultu u centru.
imas pice, pamti :slight_smile: