Hallo,

Ik zit met een probleempje! Ik heb een CMS systeem gemaakt en daarin heb ik een menu. in FF kan ik het menu niet aanklikken maar in IE wel. Wat kan het probleem zijn?

Het CSS is als volgt:

html,body {
 	margin-top: 0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 99%;
}

#menu {
 	position: absolute;
 	margin-top: 0px;
 	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
	color: #5d5d5d;
	font: 6px verdana;
	size: 6px;
	font-size: 0.8em;
	width: 225px; 
	height: 100%;
	background: url('back.gif') left;
	background-repeat: repeat-y;
	background-position: left top;	
}

#content {
 	color: #5d5d5d;
	font: 6px verdana;
	size: 6px;
	font-size: 0.8em;
 	position: absolute;
  	margin: 0px;
  	padding-top: 10px;
	padding-left: 235px;
	height: 100%;
}

.opties {
	padding-left: 10px;
}

Aan de css hebben we niets. post aub php/html (output)
Heb je de html-tag's wel netjes afgesloten?

<a href="">hier de link</a>

En ga de boel eens valideren, dat is dé standaard manier om html-problemen op te lossen: http://validator.w3.org/
het zit hem denk ik in dit stukje:
    padding-left: 235px;

Dus er zit een div met een padding (dat is binnen de 'box', margin is erbuiten) over het menu heen. Dus je drukt niet echt op de links, maar op je div[id=content].

Je zou kunnen proberen of je dit op kan lossen door margin-left ipv. padding-left te gebruiken, of misschien zelfs wel gewoon left: (aangezien je position:absolute; gebruikt)

Een andere oplossing is om de volgorde van de twee lagen in de HTML om te wisselen.

En nog een andere oplossing schijnt z-index te zijn. Maar dat werkt niet vaak, volgens mij alleen bij position:absolute; Maar aangezien je dat gebruikt is het het proberen waard.
Jelmer bedankt! Het probleem is opgelost de oplossing is margin ipv padding!

Reageren