100% de la largeur, de rembourrage et de positionnement absolu

J'essayais de faire un div remplir une certaine partie de l'écran, laissant 412px vide à gauche et à droite. Facile, hein?

Maintenant, quand j'ajoute position:absolute & top:0, le fond disparaît. L'élément inspecteur montre qu'il est vide - le "remplissages" rester, mais le width:100% disparaît. J'ai utilisé ce code (sans le positionnement):

<div style="height:73px; padding-left:413px; padding-right:413px;">
  <div style="width:100%; height:73px; background:url(top-fill-small.png);">
  </div>
</div>

Alors, comment puis-je positionner absolument (j'en ai besoin animé plus tard), tout en préservant la marge? J'aimerais votre aide beaucoup. Merci à l'avance!

Vous ne devez pas mélanger les CSS dans ton HTML: phrogz.net/css/HowToDevelopWithCSS.html#separatestyle
Merci, je sais. C'était juste pour le plaisir de la vitesse de l'écriture. Lors de la publication, je vais le séparer en effet. Encore une fois, merci pour l'attention!

OriginalL'auteur Dwarf Vader | 2011-02-05

  1. 5

    Peut-être cela?

    <div style="width:100%; position:absolute; top:0; left:0">
    <div style="height:73px; background:url(top-fill-small.png); margin-left:413px; margin-right:413px"></div>
</div>
    Nan, parce que, comme je l'ai dit, j'ai besoin de laisser 412px (dans ce cas) à la fois à la gauche et à la droite. Et de cette façon... il suffit de l'essayer et vous verrez 😉 Merci bien 🙂
    Alors je n'ai pas encore comprendre ce que vous voulez. quitter 413px (412?) à gauche et à droite. Il y a un minimum largeur souhaitée de la div?
    Oh.. Désolé, probablement lors de la réponse, j'ai répondu au mauvais commentaire. Les travaux de cette. Très reconnaissant, merci!
    Notez que lorsque vous faites la fenêtre trop étroite, les solutions de fois moi-même et Sotiris entraînera dans un div avec pas de largeur.
    Merci, je suppose que c'est juste un inconvénient, à regarder ce que j'ai l'intention de le faire. De Plus, quelque chose comme min-width pour un dlobal div conteneur peut prendre place 😉

    OriginalL'auteur thirtydot

  2. 5

    à partir du moment où vous avez besoin d'utiliser position:absolute; pourquoi ne pas utiliser les propriétés left & right au lieu de rembourrage?

    html

    <div style="height:73px;position:absolute;left:413px;right:413px;"><div style="width:100%; height:73px; background:url(top-fill-small.png);border:1px solid red">Content  Content Content Content Content Content Content Content Content Content  Content Content Content Content Content Content Content Content Content  Content Content Content Content Content </div></div>

    Exemple: http://jsbin.com/anega3

    modifier

    une alternative si vous avez besoin de mal à utiliser un rembourrage vous pouvez définir left:0; right:0; puis utilisez les remplissages que vous avez déjà.

    html

    <div style="height:73px;position:absolute;left:0;right:0px;padding-left:413px;padding-right:413px;"><div style="width:100%; height:73px; background:url(top-fill-small.png);border:1px solid red">Content  Content Content Content Content Content Content Content Content Content  Content Content Content Content Content Content Content Content Content  Content Content Content Content Content </div></div>

    Exemple: http://jsbin.com/anega3/2

    Attendre, à chaque fois que j'ai utilisé les deux, un seul d'entre eux a travaillé? Wow, merci. Je ne pense pas que j'ai été nooby 😉
    Vader: Lorsque vous utilisez les deux left et right, d'entre eux vont travailler.

    OriginalL'auteur Sotiris