Accueil > Forum > > > > Problème avec padding et height
Problème avec padding et height
samedi 2 juin 2007 à 00:22:15 |
Problème avec padding et height

MadM@tt
|
Bonjour à tous, j'ai une question à laquelle la réponse doit etre simple mais elle me résiste depuis un certain temps. J'ai un div de taille fixe : 40px Je veux du texte dedans qui soit à 12px à partir du haut et 15 à partir de la gauche. Pour régler la position horizontale, j'utilise text-indent car c'est du texte sur une ligne et ça marche très bien. Seulement pour le positionnement vertical, j'utilise padding-top: 12px; et la ça marche sous IE mais sous firefox ça m'agrandit mon div de 12px. Alors si je lui donne une hauteur de 40-12px ça marche sur firefox mais sur IE le div sera coupé vers le bas (sachant aussi qu'il y a une image en fond du div, ce qui rend le phénomène bien visible). Comment faire ? ^^ Merci beaucoup si vous avez une solution. - MadMatt - Vb System Library
|
|
samedi 2 juin 2007 à 11:31:51 |
Re : Problème avec padding et height

bultez
|
Bonjour,
on peut voir ? tu fais un truc comme ça ?
<div style="width:40px;height:40px;background-color:#FFFF00; background:url(Planche.jpg);"> <label style="position:relative;top:12px;left:15px;">EX</label> </div>
car 40px pour le width ? le height ? la police utilisée ? pas de label ? ...
mais je suppose que c'est tout autre chose que tu utilises et que mon exemple ne vaut rien. j'ai déjà eu des soucis de "redimentionnements" de DIV !
|
|
samedi 2 juin 2007 à 12:40:14 |
Re : Problème avec padding et height

MadM@tt
|
Presque, y'a pas le label : <div style="width:40px; height:40px; background:url(Planche.jpg);"> Exemple </div>La j'ai mon texte aligné en haut à droite du div, et je veux le décaler un peu du coin. Donc j'ai ajouté margin-top: 10px; et text-indent: 10px; dans le style du div. Et la, sous IE ça marche, sous firefox le div est redimensionné en hauteur à 40 + 10 px. La seul solution que j'ai trouvée pour l'instant c'est de mettre exemple sous des balises <p> et de mettre ça en position: absolute, top: 10px, left: 10px; mais je trouve pas ça très propre (ça ressemble d'ailleurs à ce que tu as écrit), c'est des balises pour rien quoi. Y'a pas moyen de faire directement avec le div ? Ou alors j'ai loupé un truc : ça se fait pas de mettre du texte directement dedans un div ? Merci pour ta réponse - MadMatt - Vb System Library
|
|
samedi 2 juin 2007 à 13:01:14 |
Re : Problème avec padding et height

bultez
|
Réponse acceptée !
Bonjour,
tu n'as probablement rien loupé MadM@tt te connaissant (de loin) et compte tenu de tes compétences ! les problèmes de présentation entre IE et FF ( mais quid d'Opera, par exemple ? ) sont légion... c'est un doux euphémisme ! qui est coupable ? qui a raison ? tout le monde s'en fiche, sauf pour la compatibilité... hélas ! pour l'instant (?) il me semble (?) que chacun tente de faire au mieux (?) et de trouver un moyen terme pour que ça baigne partout...
si tu as une solution qui marche : c'est déjà bien ( doux euphémisme aussi ) ( j'userais plutôt de position:relative, et de label... mais bon... faut voir le contexte, et chacun ses goûts )
je n'ai pas testé ce que tu fais ou comment tu voudrais le faire ( margin-top, text-indent... ), car je suppose que tu as testé comme il le fallait.
|
|
samedi 2 juin 2007 à 13:15:13 |
Re : Problème avec padding et height

MadM@tt
|
Ok merci pour la réponse alors, y'a plus qu'à aller chez leroy merlin et faire du bricolage  Bon bah va pour une balise supplémentaire, et à tester sous d'autre navigateur effectivement, sinon grace à toi j'ai découvert la balise label, merci ^^ Bonne journée - MadMatt - Vb System Library
|
|
samedi 2 juin 2007 à 13:31:59 |
Re : Problème avec padding et height

bultez
|
>>y'a plus qu'à faire du bricolage
hélas. ( enfin pas tout à fait : utiliser un truc qui marche partout ou presque )
mais ne prend pas pour argent comptant ce que je dis... je me trompe (trop) souvent ( là aussi doux euphémisme ! ) ce ne serait pas la 1ère connerie, écrite ou dite, de ma part ! ( mais j'affirme ici, haut et fort, que ce ne serait pas la dernière )
|
|
Cette discussion est classée dans : problème, marche, div, 12px, padding
Répondre à ce message
Sujets en rapport avec ce message
Sur un Mac , pourquoi ça ne marche pas focus()? [ par valtina ]
Voici mon problème, quand on clique un lien dans un frame, le focus se cale sur l'image correspondante au lien dans un autre frame. Voici quelques fra
Menu avec des div qui marche pas ss netscape... [ par seyev ]
Salut ! j'ai un problème avec ce code... il ne fonctionne que sous IE et je voudrais qu'il fonctionne aussi sous netscape... Comment faire ??*** CODE
Problème de placement d'une boite div selon la résolution [ par optimed ]
Bonjour!Je vous explique mon problème:je suis en train de travailler sur un site optimisé pour du 800x600 avec une boîte div (en position absolue) qui
GetElementById Problème... [ par Thundrax ]
Pour ne pas reprendre mon ancien post (dsl de la pollution),J'ai donc un script (gentillement trouvé par bultez) qui modifie le style du bouton d'un
Un div qui suit le curseur [ par xavier1041 ]
Bonjour, je cherche de plus près de 3h un script permettant de placer un div en fonction du curseur : je voudrai que le div suive le curseurmais j'ai
Problème de onclick sous IE [ par 4zel ]
Salut, Je développe actuellement la nouvelle version de mon site, et voici un nouveau souci avec Internet Explorer, alors que tout marche nickel sous
Problème d'affichage [ par bolo ]
Bonjour,http://www.independza.com/client/mrbelvedr/mac.htmLa page marche tres bien sur Firefox MAC et Firefox PCCependant sur IE MAC l'affichage ne ma
Aide sur un DIV qui se centre pas correctement [ par deubeuliou ]
Bonsoir à vous,Voici ma situation:Je fais appel à vos services pour un DIV qui me pose problème depuis maintenant un bail. Tout d'abord, voici mon déb
Problème très bizarre avec Div.innerHTML [ par tonic1 ]
Bonjour,j'ai un gros problème, et qui me semble très bizarre.Dans mon code, quand je tappe : nom_de_mon_div.innerHTML="coucou"; Aucun probleme sous IE
Quelle est la différence entre Frame, IFrame et Div... [ par rem78 ]
Bonjour,J'ai un problème de frame que j'utilise pour mon site et qui provoque dans ma fenêtre popup plein écran l'apparitiond'un barre verticale, hors
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|