Aller au contenu

float : des margins inactif, et un espace bizarre


Neity

Sujets conseillés

Hello :)

Avant tout, je sais que je devrai tout mettre dans un css à part et tout et tout, mais j'ai juste voulu tester un affichage sans mes précieux <table> l'espace d'une page (je souffre depuis :P). ;)

J'utilise deux div avec un float:left; pour faire un affichage en 2 colonnes.

Voilà la colonne de gauche (je n'affiche pas le reste car pendant mes tests j'avais mis en commentaire le reste) :

echo "<div>";
[...]
echo "<div style='float:left; margin-right:18px; width:390px;'>";
echo "<a".$url_1."><img style='border:0px;' src='image.php?free=1&i=0&id=".$data_liste["id"]."&size=big'></a>";
echo "</div>";
[...]
echo "</div>";
echo "<div style='clear:both; padding-top:10px; margin-bottom:20px;'>".nl2br($data_liste["description"])."</div>";

1 : Sous IE j'ai un espace d'une 15aine de pixels au dessus de ma description (comme si j'avais ajouté une marge de 15px en fait). Si je remplace mon image.php par imageBUG.php (donc ça affiche une petite croix rouge d'url incorrecte), le problème disparait.

De plus, je n'ai pas ce problème sous Mozilla.

Donc j'ai un peu de mal à comprendre d'où peut venir le probleme, j'imagine que ça exclu un problème basique de code.

2 : Sous Mozilla, sous un float, si je veux mettre un div avec une marge je dois utiliser padding-top car margin-top ne fait aucun effet. Pourquoi?

Sachant que j'utilise ça :

echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';

Lien vers le commentaire
Partager sur d’autres sites

Salut,

1 : Sous IE j'ai un espace d'une 15aine de pixels au dessus de ma description (comme si j'avais ajouté une marge de 15px en fait). Si je remplace mon image.php par imageBUG.php (donc ça affiche une petite croix rouge d'url incorrecte), le problème disparait.

De plus, je n'ai pas ce problème sous Mozilla.

Donc j'ai un peu de mal à comprendre d'où peut venir le probleme, j'imagine que ça exclu un problème basique de code.

Tu aurais un url pour tester stp ?

2 : Sous Mozilla, sous un float, si je veux mettre un div avec une marge je dois utiliser padding-top car margin-top ne fait aucun effet. Pourquoi?

<{POST_SNAPBACK}>

C'est normal : un flottant sort du flux normal de la page : la marge haute d'un élément non flottant placé "sous" un élément flottant correspondra donc à la distance entre lui et le premier élément non flottant situé au dessus de lui.

Lien vers le commentaire
Partager sur d’autres sites

Concernant le margin, ca vaut aussi si mon élément a un "clear:both; margin-top:10px;"?

Pour le lien, voilà : mais j'ai du virer toutes les images c'est un site pour adultes, je sais pas si le problème sera bien visible. (C'est le texte en noir en bas qui a un margin-top de 10px normal et un margin-top imprévu de 15px par dessus

http://www.aeons.fr/clients/foxymud/index....typesGalleries2

Par contre j'en profite pour poser la question sur le menu. Ca marche bien sur Mozilla, mais sur IE ça décale tout vers le bas, en élargissant la zone où le menu est situé. Si quelqu'un a la solution pour ça je prends. :)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...