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 13/04/2011, 16h25   #1
Invité de passage
 
Homme Dominique
Technicien maintenance
Inscription : avril 2011
Messages : 7
Détails du profil
Informations personnelles :
Nom : Homme Dominique
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien maintenance

Informations forums :
Inscription : avril 2011
Messages : 7
Points : 1
Points : 1
Par défaut Je ne trouve pas de solution a mon pb de css

Bonjour, je ne trouve pas de solution a mon pb de css, j'ai essayé des tas de choses mais rien n'y fait. La page de mon blog nommée portfolio (lien dans ma signature) provoque un décalage désagréable. 5ce bug n'affecte pas l'affichage du contenu de cette page.

Si quelqu'un a une petite idée je suis preneur.

Merci
dleaute est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 16h33   #2
Rédacteur/Modérateur
 
Homme Jérome Debray
Responsable de projet
Inscription : mai 2009
Messages : 627
Détails du profil
Informations personnelles :
Nom : Homme Jérome Debray
Âge : 32
Localisation : France

Informations professionnelles :
Activité : Responsable de projet
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : mai 2009
Messages : 627
Points : 3 064
Points : 3 064
Salut,

dans ta classe thumb, rajoute position:absolute.
Code :
1
2
3
4
5
6
7
8
9
10
.thumb {
margin-left: 40px;
width: 156px;
height: 116px;
overflow: hidden;
-moz-box-shadow: 1px 1px 3px #555;
-webkit-box-shadow: 1px 1px 3px #555;
box-shadow: 1px 1px 3px #555;
position: absolute;
}
ça devrait faire l'affaire.
ornitho13 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 16h39   #3
Invité de passage
 
Homme Dominique
Technicien maintenance
Inscription : avril 2011
Messages : 7
Détails du profil
Informations personnelles :
Nom : Homme Dominique
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien maintenance

Informations forums :
Inscription : avril 2011
Messages : 7
Points : 1
Points : 1
Merci ornitho13 pour ta réponse rapide, mais j'avais déja essayé une vrai prise de tête ce bug

Tu utilise quoi pour débuger une css ?
dleaute est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 16h43   #4
Rédacteur/Modérateur
 
Homme Jérome Debray
Responsable de projet
Inscription : mai 2009
Messages : 627
Détails du profil
Informations personnelles :
Nom : Homme Jérome Debray
Âge : 32
Localisation : France

Informations professionnelles :
Activité : Responsable de projet
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : mai 2009
Messages : 627
Points : 3 064
Points : 3 064
j'utilise la developpeur toolbar de chrome et je change la css directement (tu peux faire pareil avec firebug).

En mettant position:absolute sur la classe thumb, cela fonctionne (en tout cas sur chrome)

Sur quel navigateur testes tu ?
ornitho13 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 16h53   #5
Invité de passage
 
Homme Dominique
Technicien maintenance
Inscription : avril 2011
Messages : 7
Détails du profil
Informations personnelles :
Nom : Homme Dominique
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien maintenance

Informations forums :
Inscription : avril 2011
Messages : 7
Points : 1
Points : 1
j' ai ajouté position:absolute sur la classe thumb , je suis sous FF et Chrome comme toi .
Je me suis peut-être mal expliqué, en fait le pb apparait lorque je passe d'un lien a an autre
Accueil Agenda Contact Portfolio Roadmap
dleaute est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 17h05   #6
Rédacteur/Modérateur
 
Homme Jérome Debray
Responsable de projet
Inscription : mai 2009
Messages : 627
Détails du profil
Informations personnelles :
Nom : Homme Jérome Debray
Âge : 32
Localisation : France

Informations professionnelles :
Activité : Responsable de projet
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : mai 2009
Messages : 627
Points : 3 064
Points : 3 064
ah d'accord je pensais que ton problème venait de ton slider...

Si tu avais un imprim écran de ton problème par ce que là, je ne vois pas du tout ton problème
ornitho13 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 17h15   #7
Invité de passage
 
Homme Dominique
Technicien maintenance
Inscription : avril 2011
Messages : 7
Détails du profil
Informations personnelles :
Nom : Homme Dominique
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien maintenance

Informations forums :
Inscription : avril 2011
Messages : 7
Points : 1
Points : 1
une capture ne montrera pas le bug, en fait lorsque l'on va sur la page Portfolio, la largeur du #content est modifié par je ne sais quoi.
dleaute est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 17h23   #8
Rédacteur/Modérateur
 
Homme Jérome Debray
Responsable de projet
Inscription : mai 2009
Messages : 627
Détails du profil
Informations personnelles :
Nom : Homme Jérome Debray
Âge : 32
Localisation : France

Informations professionnelles :
Activité : Responsable de projet
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : mai 2009
Messages : 627
Points : 3 064
Points : 3 064
Et bien ecoute je viens de tester sous FF, Chrome, safari, Opera, IE 7 et 8 et je n'ai vu aucune différence.
les #content font tous 640px.
ornitho13 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 17h39   #9
Invité de passage
 
Homme Dominique
Technicien maintenance
Inscription : avril 2011
Messages : 7
Détails du profil
Informations personnelles :
Nom : Homme Dominique
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien maintenance

Informations forums :
Inscription : avril 2011
Messages : 7
Points : 1
Points : 1
rectification ce n'est pas le content qui change mais toute la page qui se déplace de quelques px, je viens de vérifier avec plusieurs résolutions et le pb persiste.
Maintenant sous chrome c'est une vrai cata
dleaute est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 17h44   #10
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Mouais, c'est surtout un titre explicite à cette discussion que je ne trouve pas moi, en plus de ne pas voir ton bug non plus, que ce soit sur Firefox 4.0 ou Chrome 8.0.552.224 (soyons précis, tant qu'à faire).

Tente un désespéré Ctrl+F5 pour forcer le navigateur à regénérer le cache de tes fichiers statiques, on ne sait jamais.
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 18h01   #11
Rédacteur/Modérateur
 
Homme Jérome Debray
Responsable de projet
Inscription : mai 2009
Messages : 627
Détails du profil
Informations personnelles :
Nom : Homme Jérome Debray
Âge : 32
Localisation : France

Informations professionnelles :
Activité : Responsable de projet
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : mai 2009
Messages : 627
Points : 3 064
Points : 3 064
j'ai surtout l'impression que tu as l'impression que tout ton site se déplace car, il y a la scrollbar du navigateur qui apparait sur la droite quand le contenu est trop long, ce qui est ... normal
ornitho13 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 18h12   #12
Invité de passage
 
Homme Dominique
Technicien maintenance
Inscription : avril 2011
Messages : 7
Détails du profil
Informations personnelles :
Nom : Homme Dominique
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien maintenance

Informations forums :
Inscription : avril 2011
Messages : 7
Points : 1
Points : 1
je suis sur un laptop 1368x768 et le même effet en changeant ma résolution

FF 3.6 , je vais passer sur la 4 pour voir
dleaute est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 18h15   #13
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Alors ornitho13 a vu juste, c'est à cause de la scrollbar qui apparait.
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 18h16   #14
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 933
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 933
Points : 4 756
Points : 4 756
Citation:
Envoyé par ornitho13 Voir le message
j'ai surtout l'impression que tu as l'impression que tout ton site se déplace car, il y a la scrollbar du navigateur qui apparait sur la droite quand le contenu est trop long, ce qui est ... normal
je viens d'aller voir avec OPERA, un test de plus et je pense que ornitho à vu juste le BODY passant de 1280 à 1264 pour les autres pages, et ce lorsque le navigateur n'est pas pleine hauteur.
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 18h55   #15
Invité de passage
 
Homme Dominique
Technicien maintenance
Inscription : avril 2011
Messages : 7
Détails du profil
Informations personnelles :
Nom : Homme Dominique
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien maintenance

Informations forums :
Inscription : avril 2011
Messages : 7
Points : 1
Points : 1
bien vu c'est ça, j"ai modifié mon contenu pour toujours avoir la scrollbar .

#content { /* Bloc */
width : 640px;
min-height:440px;

merci à tous
dleaute est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 02h33.


 
 
 
 
Partenaires

Hébergement Web