Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 27/08/2011, 19h09   #1
Nouveau Membre du Club
 
Inscription : mars 2007
Messages : 71
Détails du profil
Informations forums :
Inscription : mars 2007
Messages : 71
Points : 27
Points : 27
Par défaut Google Chrome et les marges négatives

Bonjour,

j'ai ici une page : http://www.mereinetidor.com/page-pre...te-2032-1.html

qui s'affiche correctement sous firefox, mais comme vous pouvez le constater, c'est pas top sous chrome.

La page est concue comme ceci :
Code :
1
2
3
4
<div id="haut">haut du parchemin</div>
<div id="milieu">milieu de parchemin avec background etc
<div id="contenu">contient le texte de la page et est configuré avec des marges négatives, de manière à dépasser du haut et du bas(vu la taille du haut et du bas du parchemin)</div></div>
<div id="bas">bas du parchemin</div>
pour le css en détail, il y a Firebug, et ma question concerne surtout la gestion des marges négatives par Chrome
Halex78 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 30/08/2011, 16h33   #2
Membre actif
 
Avatar de Emyleen
 
Femme Emeline Dabée
Webmaster
Inscription : mars 2010
Messages : 136
Détails du profil
Informations personnelles :
Nom : Femme Emeline Dabée
Âge : 26
Localisation : France, Aveyron (Midi Pyrénées)

Informations professionnelles :
Activité : Webmaster
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : mars 2010
Messages : 136
Points : 171
Points : 171
Personnellement ton site m'apparait identique sous IE9 et Google Chrome 13.

Et je n'ai jamais rencontré de problème avec les marges négatives entre ces deux navigateurs.

Essaye de vider ton cache et de recharger la page (ctrl+F5) ou au pire envoi nous une image du bug que tu rencontres
Emyleen est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/08/2011, 01h27   #3
Nouveau Membre du Club
 
Inscription : mars 2007
Messages : 71
Détails du profil
Informations forums :
Inscription : mars 2007
Messages : 71
Points : 27
Points : 27


Uploaded with ImageShack.us

Les images se chevauchent... Mais il me vient à l'esprit que cette version de Chrome est assez douteuse ... Je suis sous Ubuntu et cette version de Chrome laissait apparaitre des problèmes avec la transparence des objets flash... rien à voir avec ce problème certes, mais peut être que cette version appelée Chromium a été légèrement bâclée sur certains points.

Quoi qu'il en soit je retesterai avec une version windows de Chrome, mais apparemment l'affichage est bon d'après ce que tu me dis.

L'image montre un chevauchement...

Merci de ta réponse ! a priori, je ne pense pas que résoudre ce problème ait un grand intérêt finalement... C'est sûrement cette version "spéciale" qui me joue des tours.
Halex78 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/08/2011, 12h26   #4
Membre à l'essai
 
Femme Pauline
Développeur Web
Inscription : octobre 2010
Messages : 41
Détails du profil
Informations personnelles :
Nom : Femme Pauline
Âge : 20
Localisation : France, Savoie (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : octobre 2010
Messages : 41
Points : 22
Points : 22
En effet, si ton site ne parle pas d'informatique ou de geekeries en tout genre, ne t'embête pas à rendre valide à 100% ton code sous les navigateurs Linux

Par contre, un petit conseil pour l'avenir, n'utilise plus de marges négatives, ce n'est vraiment pas très propre et est interprété de façon très différente selon les navigateurs.
Pauloscorps est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 31/08/2011, 14h11   #5
Nouveau Membre du Club
 
Inscription : mars 2007
Messages : 71
Détails du profil
Informations forums :
Inscription : mars 2007
Messages : 71
Points : 27
Points : 27
Oui, le site existe depuis quelques années, et j'ai pas le temps pour l'instant de tout reprendre.

Malgré tout, je n'utilise les marges négatives, qu'en dernier recours, après m'être saigné pendant des heures sur d'autres méthodes qui n'aboutissent pas...
J'ai essayé le position:relative; avec un top négatif, qui a donné un très bon résultat. Seulement voilà, l'affichage des info bulles se fait en décalé sur la page puisque la position du curseur déterminée par javascript ne tient pas compte de ce changement de repère.
Halex78 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/09/2011, 10h36   #6
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 944
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 944
Points : 4 779
Points : 4 779
Bonjour,
pourquoi ne pas déplacer ton "titre" dans la première DIV, <div id="haut_corps"></div>.
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 02/09/2011, 23h03   #7
Nouveau Membre du Club
 
Inscription : mars 2007
Messages : 71
Détails du profil
Informations forums :
Inscription : mars 2007
Messages : 71
Points : 27
Points : 27

Ben... merci je vais le faire de suite
J'y avais pas pensé...

Merci encore !!
Halex78 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 14h25.


 
 
 
 
Partenaires

Hébergement Web