CSS Padding ne fonctionne pas?

Pourquoi ne la zone de recherche ici pas 15px remplissage vers la droite?
C'est le CSS:

#element_right {
padding: 120px 15px 0px 0px;
color:#161514;
font-family:helvetica, sans-serif, Arial;
font-size: 13px;
background: #f4f4f4;
width: 270px;
height: 100%;
float: right;
}

Je suis en utilisant google Chrome

Je ne peux pas voir tout élément similaire? Quel élément de la page? Cette CSS est différent.
Aussi, Helvetica, Arial, sans-serif; - la police Arial ne sera jamais utilisé dans votre déclaration.
pourriez-vous partager le code où vous appliquez le style?
Yep, c'est le droit de CSS...
Pourquoi ne pas la police Arial jamais être utilisé?

OriginalL'auteur Tara | 2011-05-08

  1. 5

    Cela devrait fonctionner (si c'est ce que vous êtes vraiment essayer de l'atteindre):

    #element_right {
padding: 120px 35px 0px 0px;
color: #161514;
font-family: helvetica, sans-serif, Arial;
font-size: 13px;
background: #F4F4F4;
width: 270px;
height: 100%;
float: right;
}

    CSS Padding ne fonctionne pas?

    Il a fait un travail. Merci 🙂 Mais pourquoi as-tu mis "si c'est ce que vous êtes vraiment essayer de les atteindre'?... Je suis juste curieux. Merci encore
    Oh, je pensais simplement parce que vous ne spécifiez pas ce que l'effet visuel devrait ressembler à ça 🙂 encore Une remarque cependant: Vous devriez essayer de configurer votre mise en page, de sorte que pas un <div> en suit une autre, mais plutôt à l'intérieur de votre wrapper créer une autre enveloppe à l'en-tête, pour le contenu, et pour le pied de page. De cette façon, vous pouvez contrôler plus facilement la façon dont les éléments sont alignés verticalement. En général, vous devriez plutôt utiliser margin pour la réalisation d'un tel effet au lieu de rembourrage, prendre un coup d'oeil à @tytsim la réponse ci-dessous, c'est une bonne explication.
    Je pense que les différentes parties sont appelées par PHP... je suppose que je pourrais mettre divs autour d'eux, mais je suis un amateur que mon approche est plus un "Si ce n'est pas cassé, ne le répare pas" un 😉
    Juste assez! 🙂

    OriginalL'auteur slhck

  2. 1

    Pour atteindre votre effet, le réglage de marge est une mesure plus appropriée.

    Bien sûr, il serait en conflit avec la largeur de votre enfant de l'élément avec 280px de la largeur de la rupture de la structure entière.

    Je vous suggère de retirer de la largeur de l'élément enfant et faire de la largeur de l'effet à #element_right avec un 295px de la largeur même avec des cases ci-dessous.

    De sorte que la zone de recherche sur la largeur et la position horizontale serait exactement identique pour les cases ci-dessous en plus de la frontière et la zone d'ombre.

    EDIT: Supprimer réponse erronée et trompeuse.

    Merci @tytsim je comprends ce que tu veux dire, mais je vais essayer d'obtenir la largeur d'être le même que les cases ci-dessous de sorte qu'il ressemble de plus en plus uniforme.
    Peut-être que j'ai mal compris votre sens. De toute façon, pour atteindre votre effet, le réglage de marge est une mesure plus appropriée. Bien sûr, il serait en conflit avec la largeur de votre enfant de l'élément avec 280px de la largeur de la pause de l'ensemble de la structure. Je vous suggère de retirer de la largeur de l'élément enfant et faire de la largeur de l'effet à #element_right avec un 295px de la largeur même avec des cases ci-dessous. Si la boîte de recherche sur la largeur et la position horizontale serait exactement identique pour les cases ci-dessous en plus de la frontière et la zone d'ombre. Espère que je n'ai pas mal vous comprendre à nouveau. M'excuser pour mon terrible de la grammaire et souvent de modification.
    Ok, j'ai fait cela maintenant, et ça fonctionne. Merci 🙂

    OriginalL'auteur tytsim

  3. 0

    Il suffit de vérifier avec l'opéra, et votre 15px rembourrage marche, vous avez juste à remplir avec la barre de recherche

    OriginalL'auteur CornflakesDK

  4. 0

    La largeur du contenu de la div de recherche ne laisse pas de place pour le rembourrage, réduire votre entrée à l'width:190px

    Ok, vous savez, la largeur de qui je dois rétrécir..?

    OriginalL'auteur David Fells