CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Problème CSS Safari/Chrome

CarteRoutiere
CarteRoutiere
Niveau 12
17 mars 2015 à 20:31:39

Bonsoir le forum Programmation,

J'ai une question rapide ; je suis en train de m'initier au dev web dans son ensemble (HTML5/CSS3, php et js) et je rencontre un souci ; je tente d'optimiser mon site pour tous les navigateurs mais celui-ci s'affiche mal sous Safari :
https://image.noelshack.com/fichiers/2015/12/1426620653-img-1763.jpg
Comme vous pouvez le voir certains pans de HTML ne sont pas du tout affichés, je ne sais pas trop pourquoi...

Sous Chrome/mozilla/IE je n'ai pas ce souci :
https://image.noelshack.com/fichiers/2015/12/1426620625-jvc1.jpg

Est-ce que quelqu'un aurait une petite idée ? Merci ! :)

Pseudo supprimé
Pseudo supprimé 17 mars 2015 à 21:34:06

Mouais ... Avec autant de détails on saura pas trop comment t'aider.

CarteRoutiere
CarteRoutiere
Niveau 12
17 mars 2015 à 22:06:53

Désolé je pensais que c'était peut-être un problème courant, mon code est simplissime donc je ne comprends pas trop comment il peut y avoir une telle variation d'apparence sur Safari.
Voilà mon code HTML dans mon body :

<div id="mainwrapper">
		<div id="wrapper">
			<header>
				<?php include("header.php"); ?>
			</header>
			<nav>
				<?php include("nav.php"); ?>
			</nav>
			<article id="main">
				<?php include("article.php"); ?>
			</article>
			<aside>
				<?php include("aside.php"); ?>	
			</aside>
			<footer>
				<?php include("footer.php"); ?>	
			</footer>
		</div>
	</div>

Mes include sont aussi simples, exemple pour le header qui ne s'affiche pas du tout (seule la box s'affiche, pas son contenu HTML):

<div id="titrelogo">
	<img src="images/logofull.png" alt="Logo" id="mainlogo" />
	<div id="online">
		<p>Gaming</p>
	</div>
</div>

Code CSS du header (qui ne s'affiche donc pas):

header{
	background: rgb(246,248,249);
	padding: 5px;
	padding-bottom:5px;
	border: 1px solid black;
	border-radius: 7px;
	box-shadow: 2px 2px 5px #1c1a19;
	max-height:190px;
}

En bref le site est très simple, donc je ne vois vraiment pas ce qui peut clocher. Il a la même apparence (mis à part la police) que ce soit sur IE, Mozilla ou Chrome mais il pêche sur Safari (sur iOS en tout cas, avec le navigateur mis à jour). Pas de soucis sur Chrome iOS :(
(Je sais pas si ça peut influencer mais le site présente une fonction php mais rien de compliqué non plus, un file_get_contents() et des echo

Merci !

CarteRoutiere
CarteRoutiere
Niveau 12
18 mars 2015 à 16:21:33

Bon, problème résolu, c'était vraiment trop con.
L'adresse raccourcie de Safari sur iOS m'a induit en erreur, j'étais sur une ancienne version de la page d'accueil :pf:

dany2015
dany2015
Niveau 1
18 avril 2020 à 21:46:02

Bonjour qq'un pourrait inspecter mon site https://transponyx.com et me dire quels ligne CSS je pourrai supprimer
On m'a dis que je pourrai faire ca avec Devtools de chrome mais pour moi cest du chinois
merci d'avance

Quentaing
Quentaing
Niveau 6
20 avril 2020 à 17:48:23

Squatte pas les sujets des autres, ouvre le tien ! :noel:

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment