J'ai un menu à gauche et un à droite, puis le corps qui flotte entre les deux au milieu .
Je me retrouve sous IE uniquement avec une marge de 1 pixel à peut près entre le menu gauche et le corps et entre le corps et le menu droit. Je précise j'ai tout le margin et padding à 0
effectivement tu n'en dis pas beaucoup, parceque IE et les bug de marges il y en a un paquet, ...
1 px a html a gauche (generalement passe inaperçu, marge gauche doublée sur des flottant a gauche, decalage de 3 pixel a droite et sur la hauteur du flottant, etc ....
plusieurs soluce selon les contextes, comme dis plus haut le display:inline; , le position relative pour replace les element, un "double css" pour les marges dans des commentaires conditionnel ou a l'aide des differents hack, , remplacer les marges externes par des marges internes, etc ... a chaque bug son contexte et a chacun sa methode favorite ... mais jamais avec une boule de cristal
a plus
Oui je le veut qu'il colle à la ligne qui sépare le menu gauche, du corps.
Cependant ta solution marche sous IE, mais maintenant il se trouve que sous Mozzila ou Firefox s'est trop décalé vers la gauche, ca empiète sur le menu gauche
#date { margin: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */ padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ text-align: left; background-image: url("999.gif"); color: #ffffff; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 15px;
left:0! important; /*pourFF et opera et nscape*/ left:-6px; /*pour IE */ }
#date
{
margin: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
text-align: left;
background-image: url("999.gif");
color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.7em;
height: 15px;
position:relative;
left:0 ! important; /*pourFF et opera et nscape*/
left:-6px; /*pour IE */
}
tu n'avais pas remis position:relative
padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ text-align: left; background-image: url("999.gif"); color: #ffffff; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 15px; position:relative;
left:0! important; /*pourFF et opera et nscape*/ left:-4px; /*pour IE */
margin-right:-3px
bonjour, un petit coup de fatigue jp ? , tu lui propose une page en html quand il a al abase voulu une page en xhtml, j'imagine que ce sont les "majuscule" qui t'ont fait basculer sur un autre doctype...
le probleme pouvait-etre resolu de cette façon, avec les commentaires conditionnels juste pour IE.
wydhook, n'hesite pas a te servir des validateurs, pour debusquer tes erreurs de frappes eventuelles, balises non refermées ou structures" html interdites...
essai ces commentaires dans ta page pour voir, cla va te permettre de ne plus toucher au css "commun" et te concentrer sur le petit bout pour IE.
Il faut que tu place ces commentaires conditionnel, entre les balises head, et apres avoir chargé les styles communs .
<edit> en xhtml pas de majuscule pour le css ..... </edit>
.... et les attributs css modifiés dans les commentaires conditionnels ...
les commentaires conditionnel sont la methode que je prefere, car, on peut filtrer, les versions d'ie , s'en servir pour cacher des feuilles de style (ou balise ou javascript) ou a l'opposer n'en charger que pour toutes ou une sele version d IE, et de plus on a pas a bidouiller un fichier css compatible avec tout les navigateurs respectueux des normes...
c'est incomprehensible , je reduis la taille de la fenetre jusqu'a 400px sur IE et avec FF tant que le petit texte vous "etes ici" ne passe pas a la ligne c'est a dire a 150px de large.
Pour le doctype j'avais pas fais gaffe j'ai repris un ancien fichier sans regarder la dtd mais c'est corrigé .
pour le bidouillage le " ! important " n'est pas un bidouillage ni un hack mais une propriété css2 au meme titre que " height ou width "
c'est incomprehensible , je reduis la taille de la fenetre jusqu'a 400px sur IE et avec FF tant que le petit texte vous "etes ici" ne passe pas a la ligne c'est a dire a 150px de large.
Pour le doctype j'avais pas fais gaffe j'ai repris un ancien fichier sans regarder la dtd mais c'est corrigé .
pour le bidouillage le " ! important " n'est pas un bidouillage ni un hack mais une propriété css2 au meme titre que " height ou width "
J'ai bidouiller, et à force je suis arriver à un truc d'assez sympas, grace a ton aide.
Merci encore pour ta disponibilité, sur les divers posts . A+++
je vient de résoudre le probleme du margin. Mais je voudrais que meme si le corps et trop long, les marge des menu colle toujours jusqu'en bas sur le footer, ce qui fera moins moche le corps de lapage sera plus ou moins long suiviant les news, ca changera tous les jours
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui