Différence d'interpretation IE/firefox sur blog - HTML/CSS - Programmation
Marsh Posté le 02-08-2007 à 02:03:25
Pour les arrondis, tu utilises des propriétés CSS propres a FF, donc normal.
Pour la div qui se barre, faut dire que t'utilises un mélange de margins et de floats un peu bidouille à mon humble vue.
Tu peux pas essayer de mettre #centre en float ?
Marsh Posté le 02-08-2007 à 13:06:16
Pascal le nain a écrit : avec float ca change absolument rien |
En float:right, et tu le mets AVANT la partie gauche ?
Marsh Posté le 02-08-2007 à 13:44:53
Pour l'instant tu as :
Code :
|
Code :
|
Et ça ce serait mieux (du moins ça marcherais):
Code :
|
Code :
|
valou
Marsh Posté le 02-08-2007 à 14:59:02
Ca commence à être ca.
Mais maitenant c'est la barre de gauche qui se retrouve 1 metre plus bas ^^
Marsh Posté le 02-08-2007 à 16:25:41
Pascal le nain a écrit : Ca commence à être ca. Mais maitenant c'est la barre de gauche qui se retrouve 1 metre plus bas ^^ |
Ah oui, normal, vire la marge gauche de la div #centre aussi, sinon ça va pas le faire.
Marsh Posté le 02-08-2007 à 16:43:08
Arf quand on résoud un problème,yen a toujours un nouveau
Maintenant, les deux parties de la page sont bien au bon niveau, mais la partie droite est alignée a droite ca devrait être centré
pourtant, en faisant une recherche dans le code, je ne trouve l'instruction "align:right" que pour le pied de page où est affiché "aucun commentaire"
Or l'image n'est pas concernée par le div.piedsdepage
Marsh Posté le 02-08-2007 à 19:14:50
Roh un lapin
Tu veux que ta div soit alignée sur le menu de gauche ?
Marsh Posté le 02-08-2007 à 19:20:58
Pascal le nain a écrit : Arf quand on résoud un problème,yen a toujours un nouveau Maintenant, les deux parties de la page sont bien au bon niveau, mais la partie droite est alignée a droite ca devrait être centré pourtant, en faisant une recherche dans le code, je ne trouve l'instruction "align:right" que pour le pied de page où est affiché "aucun commentaire" |
Hep, je conseille de faire une petite recherche sur Google pour savoir ce que veux dire float:right, voire de lire des tutos sur les bases (ou pas) du css
Marsh Posté le 02-08-2007 à 20:17:14
theredled a écrit : Roh un lapin |
Je veux simplement que le contenu de la page principal soit centré ou aligné a gauche, et non a droite comme c'est le cas.
Le tout avec une barre de menu a gauche
Marsh Posté le 02-08-2007 à 20:47:58
Et donc tu as déja essayé de mettre les 2 en float:left (ce coup-ci en mettant la div #centre après #gauche, normal quoi), et toujours sans margin-left sur #centre ?
Marsh Posté le 02-08-2007 à 21:40:13
dans ce cas là les deux parties [barre menu] et [page] s'inverses !
le menu passe à droite et vis versa
Marsh Posté le 03-08-2007 à 00:10:15
Pascal le nain a écrit : dans ce cas là les deux parties [barre menu] et [page] s'inverses ! |
T'as bien réinversé les 2 divs ?
L'inversion des div ce n'est QUE pour le coup du float:right.
Marsh Posté le 03-08-2007 à 00:17:25
Voila ce que j'ai (dans l'ordre) :
Code :
|
Marsh Posté le 03-08-2007 à 00:40:28
Quand je te parle d'ordre c'est dans le HTML ! dans le css ça change rien, enfin pas ici.
Marsh Posté le 03-08-2007 à 12:37:27
arf en mettant la partie gauche AVANT la partie droite dans le code html ca change rien non plus :s
Marsh Posté le 03-08-2007 à 14:43:14
sur ton site, #centre est toujours en float:right, hein. Faut qu'il soit en float:left
Citation : Et donc tu as déja essayé de mettre les 2 en float:left (ce coup-ci en mettant la div #centre après #gauche, normal quoi), et toujours sans margin-left sur #centre ? |
Marsh Posté le 03-08-2007 à 21:51:11
victoire en float:left ca marche nickel c'est fabuleux
allé une tite dernière question qui doit te paraitre enfantine.
Comment centrer la partie de droite ?
J'ai essayé text-align:center. ca ne marche pas... ^^
Marsh Posté le 03-08-2007 à 22:28:57
Pascal le nain a écrit : victoire en float:left ca marche nickel c'est fabuleux allé une tite dernière question qui doit te paraitre enfantine. Comment centrer la partie de droite ? |
dans text-align il y a text
Pour centrer ya plusieurs moyens, mais là j'ai bien l'impression que ton conteneur a une taille fixe non ? Donc le mieux est surement de simplement mettre une petite marge à gauche de #centre pour le décaler jusqu'au bon endroit...
Marsh Posté le 03-08-2007 à 23:53:11
Ca n'est pas adapté, car l'image affichée n'a jamais la même largeur
Je veux que :
la largeur de la page entière soit fixe
la largeur du menu soit fixe
la largeur de la partie droite soit fixe (évident)
l'image se centre dans la partie de droite
Marsh Posté le 04-08-2007 à 00:00:59
dac
Alors pourquoi tu n'élargis pas la partie de droite jusqu'au bord droit ? ensuite tu n'auras effectivement plus qu'a mettre du text-align pour centrer l'image.
Tout à l'heure je croyais que tu mettais le text-align pour centrer la div je me suis trompé n'est-ce pas ?
Marsh Posté le 04-08-2007 à 13:21:43
Regarde ce billet
http://xxxx.zeblog.com/231780-ennui.../
Il a une largeur faible.
Il doit être centré.
et avec text-align:center; ca ne fonctionne pas :s
Marsh Posté le 04-08-2007 à 13:44:22
ah si c'est bon ! je m'étais simplement trompé de div
Ca marche nickel merci beaucoup pour ta patience theredled
Marsh Posté le 04-08-2007 à 14:01:13
arf non j'ai parlé trop vite :s
Maintenant IE a pas l'air d'apprécier les div :
http://xxx.zeblog.com
Le billet affiché se retrouve de nouveau 6 pieds sous terre :s
Si l'on modifie le centre en mettant float:right, l'image revient à gauche mais reste aussi bas...
Ne faut-il pas jouer sur l'attribut "position" qui en actuellement est en "relative" ?
Marsh Posté le 04-08-2007 à 18:28:57
ben si tu peux le mettre en "absolute" avec un atribut "top", t'auras pas de surprise selon les navigateurs.
Marsh Posté le 04-08-2007 à 18:40:33
mmh je comprend pas la syntaxe. où faut-il placer le "top" ?
merci
Marsh Posté le 04-08-2007 à 18:48:47
ah si c'est bon ca a l'air de marcher sur les deux navigateur
Merci beaucoup à vous deux
Marsh Posté le 05-08-2007 à 21:39:43
L'absolute c'est mal
Du moins c'est bien de savoir faire sans.
Mais bon ça te convient, donc cool.
Marsh Posté le 02-08-2007 à 01:01:03
Bien le bonjour,
Regardez cette page alternativement avec IE et firefox.
http://xxx.zeblog.com/
Avec firefox, tout a l'air à sa place.
Avec IE, c'est la cata : l'image se retrouve un metre en bas et les coins arrondis du cadre principal ont disparu.
Auriez-vous une idée de la provenance de ces erreur ? Est-ce remédiable ?
Merci
Message édité par Pascal le nain le 18-01-2011 à 21:48:54