bonjour,
en reprenant un peu ton css sous firefox, on arrive a quelquechose de plus stable ?
excuse moi par avance, j'ai repris le css avec ma logique:(d'ailleurs, ce sont aussi en parties ceux des cours du sdz, .. le menu flottant avec une taille , le corps en marge, etc...), je met les commentaires dedans:
* { margin: 0px; }
html {background-color:#DCDCDC;height:100%;}/* une couleur de fond pour cacher/eviter le debordement de l'image en fond appliquer a body sur les pages courtes */
body { width: 750px; margin: auto; margin-top: 20px; background-image: url("../images/image_corps.jpg"); /* je met ici l'image en fond de menu */ background-repeat: repeat-y;
}
#header {border-right:2px solid #000;border-top:2px solid #000;/* juste pour un aspect esthetique, rajout de bordures pour marquer la limite de la page/feuilles/html afficher */ width: 750px; height: 125px; margin: 0px; padding: 0px; background-image: url("../images/banniere_haut.jpg"); }
#login {margin: 0auto; width: 750px; height: 75px;
border-right:2px solid #000;/* rebordures, m^me raison qu'au dessus pour continuer a la faire descendre */ padding: 0px; background-image: url("../images/banniere_login.jpg"); }
#menu { float: left;width:100px;text-align:center;/* placement du menu en float avec une taille + centrer */ }
#contenu { width: 645px;/* diminuons la taille du conteneur pour qu'il reste a droite du menu */
min-height: 600px; margin: 0px; padding: 0px;
border-right:2px solid #000;/* rebordure, elle continue a descendre */
margin-left:105px;/* en marge du menu pour ne pas passer dessous*/ }
#menu ul , #menu ul li {margin:0;padding:0;width:100px; }/* mettons toutes les marges a zero et donnons une "eventuelle dimension aux element de base du menu */
Merci beaucoup, je l'ai mis, et ça fonctionne !! Merci pour les commentaires, c'est super explicites, et ça va me permettre de bien comprendre ce que tu as fait. Et après, je pourrai m'attaquer au css du contenu.
oui, le float est 100% compatible IE, sauf que IE a la manie, d'ajouter 3 px a droite du flottant, ou plutot de (ajouter)repousser de 3 px vers la droite l'element a coter du flottant, du coup, si tu calcul au pixel, pres, IE n'as pas la place, de mettre le second element et le repousse vers le bas jusqu'au moment ou il y a un espace suffissant.
Autre probleme qui vient s'ajouter, une largeur defini dans IE par height (logique !) est considerer par IE comme une largeur minimale, il s'autorise alors a elargir au besoin (image plus grande, un mot trop long, etc..., parfois il suffit d'aggrandir la police d'affichage pour voir un morceau de page "tomber" sous ie )
D'autres bug encore peuvent venir s'y ajouter, y a des fois c'est vraiment pas de chances. !
Pour en revenir a ta page....
1) passe ta page html au validateur, (tu as quelques ">" en trop, peut-etre d'autre erreurs).
2) le lien de captain-torche est a suivre et a mettre dans tes favoris
3) les erreurs corrigées , si ça marche pas, ajoute ceci juste avant la balise:
Ce sont des commentaires conditionnel, compris que par IE, en faisant une petite recherche tu devrais obtenir pas mal d'info sur leur utilisation.
La c'est un pansement pour IE .
a plus
EDIT : ça a l'air de fonctionner, juste en diminuant la largeur Merci. Je garde cette page dans mes favoris !
Merci aussi pour m'avoir montré que c'était plus valide xHTML J'ai corrigé le truc !
float et IE... incompatible ???
× 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