Eine Box mit CSS, aber position:absolute ????

  • Ich hätte gerne eine Box wie in

    http://vcc.zih.tu-dresden.de/testing/two.html

    allerdings so, dass die Box ganz oben ist.
    Wenn ich nun aber position von relative auf absolute setze, so wird die Box total abgeschnitten und man erhält

    http://vcc.zih.tu-dresden.de/testing/one.html

    Beim Versuch, width auf 100% zu setzen, ist das Resultat nicht nur, dass die Box weiter geht als der Bildschirm (und eben kein 10px rechter Rand zu sehen ist), sondern obendrein gibt's eine Scroll-leiste für die 10px.

    Bin für jegliche Hilfe sehr dankbar.
    Beste Grüße

    Frank Muennich

  • Zitat von ianox

    Ich hätte gerne eine Box wie in

    http://vcc.zih.tu-dresden.de/testing/two.html

    allerdings so, dass die Box ganz oben ist.


    Der rand liegt am standardmäßigen margin/padding vom body. Setz mal beides einfach auf 0.

    Zitat


    Wenn ich nun aber position von relative auf absolute setze, so wird die Box total abgeschnitten und man erhält

    http://vcc.zih.tu-dresden.de/testing/one.html


    das ist richtig. Absolut positionierte Elemente sind ohne width-Angabe nur so breit wie sie sein müssen, damit alles reinpasst.

    Zitat


    Beim Versuch, width auf 100% zu setzen, ist das Resultat nicht nur, dass die Box weiter geht als der Bildschirm (und eben kein 10px rechter Rand zu sehen ist), sondern obendrein gibt's eine Scroll-leiste für die 10px.


    Ja, das liegt auch am standardmäßigen Margin. Die box fängt z.B. deswegen 10px vom linken Rand an, ist aber 100% breit, also steht sie rechts 10px über.