Colin Finck: Box zentrieren

SELF-Forum

Box zentrieren

Colin Finck Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

Ich versuche mit CSS eine Box zu zentrieren. Dazu verwende ich momentan folgendes Konstrukt:

<div style="position: absolute; left: 10px; top: 10px;">
  Ein bisschen Text. Ein bisschen Text. Ein bisschen Text.

<div style="text-align: center; margin-left: auto; margin-right: auto; border: solid 1px black; width: 100px;">
    Zentrierte Box
  </div>
</div>

Leider wird hier nicht auf die ganze Seitenbreite, sondern nur auf die Textbreite zentriert.
Wenn ich nun noch "width: 100%" zu dem ersten div-Element hinzufüge, wird es zwar richtig zentriert, es kommt jedoch zu Scrollbalken (wegen dem "left").

Was kann ich hier machen?

Vielen Dank im Voraus,

Colin Finck

--
Homepage: http://www.ColinFinck.de
Programme, PE Builder-Stuff (Plugins und Linkliste), Add-Ins und Sonstiges

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Box zentrieren

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Wenn ich nun noch "width: 100%" zu dem ersten div-Element hinzufüge, wird es zwar richtig zentriert, es kommt jedoch zu Scrollbalken (wegen dem "left").

    Was kann ich hier machen?

    Das erste Element nicht absolute Positionieren?

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Box zentrieren

      Colin Finck Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Das Layout der Homepage ist aber komplett mit absolut positionierten DIVs realisiert. Daher muss dieses Element jetzt auch absolut positioniert werden.

      Ich habe das Problem jetzt allerdings folgendermaßen gelöst:

      <div style="position: absolute; left: 0; top: 10px; width: 100%;">
        <div style="padding-left: 10px;">
          Ein bisschen Text. Ein bisschen Text. Ein bisschen Text.
        </div>

      <div style="text-align: center; margin-left: auto; margin-right: auto; border: solid 1px black; width: 100px;">
          Zentrierte Box
        </div>
      </div>

      Beste Grüße,

      Colin Finck

      --
      Homepage: http://www.ColinFinck.de
      Programme, PE Builder-Stuff (Plugins und Linkliste), Add-Ins und Sonstiges
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln