28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous.
Comme un exemple vaut mieux qu'un long discours voici mon probleme :
http://www.france-emploi.org/inscription.php
Vous remarquerez que pour ie tous vas bien et pour firefox le cadre de droite est décallé dans le bas.
J'ai essayé de remplacer mes text align par des float mais ca fait tous bugger sur ie a cause de mon systeme de menu.
Pourriez vous m'aider svp?
Merci d'avance.
Benoit.
Bonjour Natsou_k,

#droite {
margin:5px 0 0 [#red][b]0[/b][/#];
padding:0;
text-align:left;
width:620px;
}

Une marge à gauche (162px me semble pas mal...) pour laisser ton flottant s'exprimer librement, devrait résoudre ton petit soucis Smiley cligne

Je n'ai pas le temps de vérifier, mais cela devrait fonctionner (à adapter peut-être pour IE6 )

Alerte :a priori un signe dièse traine dans ta feuille de styles Smiley cligne
Cdt,
Sylvain
6l20 a écrit :
Une marge à gauche (162px me semble pas mal...) pour laisser ton flottant s'exprimer librement, devrait résoudre ton petit soucis Smiley cligne

Auquel cas on pourra sans doute supprimer la largeur fixe (width: 620px;).

En passant, le fait que cette page a le rendu souhaité dans IE est dû à... un bug d'IE. Smiley cligne
Je suppose que Florent veux parler du fameux Doubled float margin bug dont les explications sont présentes dans cette liste (en)
(pour info tous ces bugs ont été corrigé dans IE7)
Modifié par Hermann (09 Sep 2008 - 13:42)
Hermann a écrit :
Je suppose que Florent veux parler du fameux Doubled float margin bug

Non, plutôt le fait que dans IE 6 et 7 les flottants repoussent les éléments de type bloc ayant hasLayout=true, alors qu'en temps normal les flottants ne devraient pas repousser les éléments de type bloc. Ici, div#droite est doté du layout à cause de sa largeur fixe.
Merci pour toutes vos réponses.
Je ne vois pas concretement ce que je dois modifier :s
j'ai testé avec
#droite {
margin-top: 5px;
margin-bottom: 0px;
margin-right: 0px;
margin-left:162px;
padding:0;
text-align:left; 
}

mais J'ai une petite lligne noir et blanche sur firefox dans le bas
et sur ie, j'ai un decalage :s
voyez vous d'ou cela peut provenir?
merci bcp d'avance.
Modifié par Natsou_k (09 Sep 2008 - 15:35)