✔ Problem mit IE7/OP9 beim createElement...

[tanerc]

Hallo Zusammen,

ich habe eine kleine Funktion geschrieben, die in bestimmten abständen in einem div weitere divs hinzufügt.
Anschliessend ein IMG-Tag und auf das Bild soll man klicken können, also noch ein A-Tag.

Nun habe ich das Problem, dass zwar bei FF das geht, aber in IE7 und Opera nicht..
Bei IE7 und OP9 ist der A-Tag hinterdem Bild und kann nur an der Kante geklickt werden.

Hat jemand einen Tipp vielleicht ?

function initPicList() {
	var	header = document.getElementById('aheader');
	
	for(i=0;i<10;i++){
		aktuelleDiv = header.appendChild(document.createElement('div'));
		aktuelleDiv.style.backgroundImage='url(\'images/bildHintergrund.jpg\')';
		aktuelleDiv.style.position='absolute';
		aktuelleDiv.style.height='35px';
		aktuelleDiv.style.width='36px';
		aktuelleDiv.style.left = (i*40)+'px';
	}
	
	for(i=0;i<(picPath.length>10?10:picPath.length);i++){
		picDivs[i] = header.appendChild(document.createElement('IMG'));
		picDivs[i].src='referenzen/Thumbnails/'+picPath[i];
		picDivs[i].style.position='absolute';
		picDivs[i].style.height='25px';
		picDivs[i].style.width='25px';
		picDivs[i].style.left = (i*40+6)+'px';
		picDivs[i].style.top = '5px';
	}

	for(i=0;i<(picPath.length>10?10:picPath.length);i++){
		aktuelleA = header.appendChild(document.createElement('A'));
		aktuelleA.style.position='absolute';
		aktuelleA.style.height='35px';
		aktuelleA.style.width='36px';
		aktuelleA.style.left = (i*40)+'px';
 		aktuelleA.href ="javascript:showPic("+i+")" ;
	}
}

 

[Sven Mintel]

Moin,

wenn du willst, dass sich das Bild in einem Link befindet, musst du es auch dort einfügen, und nicht woanders.

Momenan wird alles nacheinander ans Ende von aheader gesetzt, und nicht ineinander verschachtelt...du hast dort also 10 leere divs gefolgt von x Bildern und x Links.

 

[tanerc]

Stimmt's. Danke schön. Es hat geklappt.