28172 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,

Je travaille sur un site internet en html.

Je cherche en vain comment faire pour que mon background color sur le body s'affiche correctement sous SAFARI 4.

Je ne comprends pourquoi cela ne fonctionne pas.

Voici l'adresse vers le site : http://agencemisenpage.com/


Merci d'avance pour votre aide,
Modifié par Florent V. (26 Nov 2009 - 11:13)
Bonjour,

En effet je viens de tester l'affichage, cela peut poser un léger problème de lisibilité, entre autres...
Vous n'avez pas précisé le type de media prenant en compte le CSS :
<link href="index_christine.css" rel="stylesheet" type="text/css" media="all" />


Je ne recommande jamais cette solution, mais en attendant vous pouvez peut-être essayer de passer la couleur de fond directement par le HTML :
<body bdcolor="#B72A22">


Juste quelques conseils si je puis me permettre, pour votre image
http://agencemisenpage.com/img/titre&logo.gif
la suppression de l'esperluette dans le nom ne serait pas un mal d'après moi.

Bonne continuation, si je trouve autre chose qui pourrait résoudre votre problème je vous fais signe.

Au plaisir Smiley cligne
Et voilà ...

Merci de me prévenir, effectivement si cela peut servir à d'autres personnes ayant le même problème que moi.

Bonne Journée
Bonjour,

1. Il s'agit d'un problème de CSS. Je déplace dans le salon ad-hoc.

2. C'est bien d'avoir trouvé une solution qui marche, mais on n'est plus en 1998. Par souci d'uniformité, de modernisme, de validation en HTML ou XHTML strict ou HTML5 par exemple, enfin pour tout un tas de raisons pas forcément excellentes mais quand même, on écrira au moins:
<body style="background: ma_couleur">
(du CSS, quoi)

3. Mais le mieux c'est d'identifier et résoudre le vrai problème. Qui est: une partie du code CSS n'est pas prise en compte, comme le montre l'inspecteur web (Webkit Web Inspector) de Safari 4.

La feuille de styles commence ainsi:
/* CSS Document */
@charset "utf-8";
body {
	background-color: #B72A22;
	margin: 0px;
	padding: 0px;
}

Or la règle @charset, si elle est utilisée, doit être placée en tout début de feuille de styles. Il se peut que placer un commentaire avant pose problème à Safari. Pas sûr que ce soit normal, c'est peut être un bug d'implémentation ou une rigueur inutile de ce navigateur.

Je recommanderais donc de supprimer ce premier commentaire (sans intérêt), et aussi de supprimer la déclaration @charset qui, d'expérience, peut poser assez facilement des problèmes à Safari et qui, concrètement, ne sert à rien.

Dernière remarque: je sais bien que CAPS LOCK IS CRUISE CONTROL FOR COOL, mais les majuscules à foison dans les titres de sujets comme dans les messages sont mal perçues en général. Merci d'éviter.
Modifié par Florent V. (26 Nov 2009 - 11:13)
Bonjour,
Je suis tombé sur ce post après un pb avec Safari/CSS (body background-color)
Merci pour ces précieuse précisions...
J'ai pu lire cet article du w3c qui précise les règles pour le charset et qui pourrait servir à un autre égaré...(désolé si cette référence existe déjà dans votre forum)
Je précise qu'il faut retirer la ligne @charset "UTF-8"; pour Safari 4 pour éviter le pb de body background-color
http://www.w3.org/International/questions/qa-css-charset.fr.php
Merci
P