div preko td-a

[dee]

Jednostavno pitanje: kako staviti div preko cijelog TDa, bez obzira na padding/border/... TDa?

[Dragan Babić]

mozda ti pradi problem border-collapse: collapse; na table elementu koji pravi prividne razmake?

[dee]

sorry, nisam do kraja naveo sta konkretno mene muci, dijelom i iz razloga jer sam htio opce a ne rjesenje samo za moj slucaj... ali ok..

u mom slucaju, problem je padding TD elementa...iako, zanimalo me i generalno, je li to moguce uopce na neki normalan nacin izvesti i ako da, kako? (posto nadjoh da je position:relative na TD - nedefiniran [kaze w3c])

[Misha]

Moze uz pomoc JS-a recimo. Izracunas poziciju i dimenzije TD-a i stavis apsolutno pozicionirani DIV na te koordinate al sa vecim z-indexom ...

Ja sam ovu istu dilemu imao kad sam pravio ovu stranu: http://www.shoutmouth.com/index.php/base/quiz Primeti kako su svi TD-ovi osim prvog prekriveni poluprovidnim div-om ...

Ovo sam resio vrlo jednostavno uz pomoc jQuery-ja, plus dimensions plug-in za njega ... Meni je trebala programabilnost al siguran sam da ove moze da se resi i uz pomoc CSS-a

[dee]

to je to...(treba i meni kasnije programibilnost, ali opet se svodi na CSS, cime god ga mijenali, direktno ili javascriptom kasnije)

pokusao sam ovo, iako pjeske, bez jQueryja...procitati pixelLeft/Top + padding i DIV apsolutno pozicionirati na te koordinate sa duljinom/visinom TDa...

iz nekog razloga nisam uspio procitat padding javascriptom (postaviti sam mogao, procitati ne)... sa:

document.getElementById('element').style.padding

[Misha]

U pa da, peske se ni ja ne bi trudio. Box model je totalno broken na IE-u ... bas zato je dobro koristiti jQuery jel on resava sve te nekompatibilnosti za tebe ...

Samo instaliraj dimensions plug-in on ima sve metode koje ce ti trebati (position, width, height). Takodje sa jQuery-jem je lako dinamicki napraviti novi div koji onda pozicioniras gde si izracunao da treba.

$("<div><p>Hello</p></div>").appendTo("#body");

[bluesman]

Pa nemas padding atribut za TD nego za TABLE

[dee]

Originalno napisao bluesman

Pa nemas padding atribut za TD nego za TABLE

sad si me zamislio

stavio celiji ID, dam joj document.get....ID('celija').style.padding = 10 + 'px' i radi. procitat isti taj padding ne mogu.

mislis li ti mozda na cellpadding atribut TABLEa? (sto je HTML atribut)

[bluesman]

sorry, da, pričao sam o cellpadding.. a možda da pročitam temu od početka pre nego što napišem post?

[dee]

Originalno napisao Misha

U pa da, peske se ni ja ne bi trudio. Box model je totalno broken na IE-u ... bas zato je dobro koristiti jQuery jel on resava sve te nekompatibilnosti za tebe ...

Samo instaliraj dimensions plug-in on ima sve metode koje ce ti trebati (position, width, height). Takodje sa jQuery-jem je lako dinamicki napraviti novi div koji onda pozicioniras gde si izracunao da treba.

$("<div><p>Hello</p></div>").appendTo("#body");

ma mora bit nesto glupo...a i kad mi tako popije tlak, rado ga natjeram motikom ne stavlja mi se jQuery i ostalo samo da procitam padding...

vjerojatno je nesto slicno element.style.width vs. element.offsetWidth