[grinditwp]

När jag använder mig av document.getElementById(id).innerHTML för att lägga in text i tex en div-tag eller direkt i en td tag så går texten utanför "ramarna" i Firefox, dock ej i IE.

I IE blir div-taggen/td-taggen längre precis som jag vill, den expanderar alltså för att texten skall få plats.

såhär ser min function ut som lägger till data:

function addPlayer(){
 inPlayer = document.getElementById('getplayer').value;
 inPlayer = inPlayer.substring(inPlayer.search(';')+1, inPlayer.length-1);
 inPlayer = inPlayer.replace(';', '. ');
 inPlayer = '<div style="display:block;">'+inPlayer+'</div>';
 trupp = document.getElementById('addTrupp').innerHTML;
 trupp = document.getElementById('addTrupp').innerHTML + inPlayer;
 document.getElementById('addTrupp').innerHTML = trupp;
	}

Vad kan man göra? Vad är fel?

Tack!

[allstars]

Det har nog mer med CSS att göra än javascriptet.

[grinditwp]

Originally posted by allstars@Apr 15 2008, 15:52
Det har nog mer med CSS att göra än javascriptet.

Så långt förstår jag också, men vad kan man göra CSS mässigt?

[MMC]

Släng upp ett exempel som uppvisar det här problemet. Svaret ligger nog någonstans i den CSS som appliceras på din div.

[allstars]

Css-mässigt kan man "laga" felet.

[KarlRoos]

Visa den CSS du använder för din div/td,
det blir svårt att ge tips annars

[turboraketti]

overflow:hidden; på div-elementet borde kunna göra susen.

[grinditwp]

Originally posted by turboraketti@Apr 15 2008, 19:34
overflow:hidden; på div-elementet borde kunna göra susen.

Tack. Ska testa det.