Compatibilité balise <button> sur IE et Firefox

Bonjour,

J'ai fait une petite landing page avec un template acheté sur envato. Malheureusement, mon bouton "call to action" pour inciter les internautes à s'inscrire ne fonctionne que sur Chrome. Avec IE et Firefox, lorsqu'on clique sur lien rien ne se passe.

<section id="video_area" class="section_padding">
			<div class="container text-center">
				<div class="row">
					<div class="col-sm-12 col-xs-12 text-center">
						<div class="section_title white_title">
							<div class="title_border wow fadeInDown"></div>
							<h1>MOOC RAAC</h1>
							<h2 id="ok">Découvrez le <strong> MOOC </strong> sur la Réhabilitation Améliorée Après Chirurgie (<strong>RAAC</strong>) créé par l'Institut Paoli-Calmettes, </br>en partenariat avec Aix-Marseille Université (AMU) et l'AP-HM. </h2>
							
							<button type="button" id="inscription" class="btn btn-primary btn-lg"><a href="https://www.fun-mooc.fr/courses/course-v1:amu+38009+session01/about">Je m'inscris gratuitement</a></button>
						</div>
					</div>
				</div>
</section>

Je ne comprends absolument pas d'où peut venir le bug.

Un grand merci par avance à toute la communauté pour votre aide.

Salut

A mon avis, c'est le <a> à l'intérieur du <button> qui n'est pas compatible

Il me semble que ni <a><button></button></a> ni <button><a></a></button> ne sont des solutions.

Soit tu attribues une class à ton <a> pour en faire un bouton,

<a class="btn btn-primary btn-lg" href="https://www.fun-mooc.fr/courses/course-v1:amu+38009+session01/about">Je m'inscris gratuitement</a>

soit tu fais un bouton et tu utilise javascript lors du click

<button type="button" id="inscription" class="btn btn-primary btn-lg" onclick="location.href='https://www.fun-mooc.fr/courses/course-v1:amu+38009+session01/about'">Je m'inscris gratuitement</button>

Modifié par askhanir (12 Feb 2018 - 16:25)

Et si tout simplement on laissait au bouton sa fonction première soit envoyer un formulaire ?

<form action="https://www.fun-mooc.fr/courses/course-v1:amu+38009+session01/about" method="post">
  <button type="button" id="inscription" class="btn btn-primary btn-lg">Je m'inscris gratuitement</button>
</form>