Bonjour,
Je suis en train de concevoir un site et je fais face à un bug très étrange qui n'apparait que sous Chrome.
Dans mon footer, j'ai une image svg. Il n'y a aucun effet au :hover et pourtant, sous chrome uniquement, au survol de cette image, la structure de ma page est décalée.
J'ai vérifié dans tout mon CSS, je n'ai qu'un seul effet :hover et c'est dans le header de ma page.
Voila la structure de ma page :
Quelqu'un a-t-il déjà eut ce problème ?
Je précise que le footer est en display:table et les div enfants direct sont en table-cell puis en table-row pour la version responsive.
En image ça donne ça :
  
  
Modifié par LocNar75 (28 Feb 2015 - 22:49)
      
      
    Je suis en train de concevoir un site et je fais face à un bug très étrange qui n'apparait que sous Chrome.
Dans mon footer, j'ai une image svg. Il n'y a aucun effet au :hover et pourtant, sous chrome uniquement, au survol de cette image, la structure de ma page est décalée.
J'ai vérifié dans tout mon CSS, je n'ai qu'un seul effet :hover et c'est dans le header de ma page.
Voila la structure de ma page :
<div class="main_panel accueil">
		<!-- DEBUT NAV INCLUDE -->
		<?php
			include("compz/nav.html"); 
		?>
		<!-- FIN NAV INCLUDE -->
		<div class="main_wrapper"><!-- DEBUT MAIN WRAPPER -->
			<h1>conception graphique et webdesign | <span>accueil</span></h1>
			<div class="main_wrapper_in">
			
				<img src="img/logo.svg" />
			
                       </div>
			<footer>
				<div>
					<figure>
			                       <img src="img/logo_footer.svg" />
                                       </figure>
				</div>
				<div>
					<section class="contact_footer">
						<article>
							<a href="#">contact@alternative-graphique.com</a>
						</article>
						<article>06 14 58 19 71</article>
					</section>
				</div>
				<div>
					<a href="#" class="square_btn">obtenir un devis</a>
				</div>
			</footer>
		</div><!-- FIN MAIN WRAPPER -->
Quelqu'un a-t-il déjà eut ce problème ?
Je précise que le footer est en display:table et les div enfants direct sont en table-cell puis en table-row pour la version responsive.
En image ça donne ça :
 
  Modifié par LocNar75 (28 Feb 2015 - 22:49)
 
 