Positionierung einer Box

[Detlef G.]

Hallo Holger

Hier der Code aus der css Datei:
...

/*box 2*/
.Spruch{

Bei Elementen, die genau einmal auf der Seite vorkommen wäre eine Id wohl
passender als eine Klasse.

bottom:10px;

Das ist ohne position wirkungslos.

width:300px; height:55px;
margin-left:auto; margin-right:auto;

Das wäre mit position:absolute wirkungslos

Du könntest es so lösen:

/*box 2*/  
.Spruch{  
 position:absolute;  
 bottom:10px;  
 left:50%;  /* damit ist die linke untere Ecke positioniert */  
 width:300px; height:55px;  
 margin-left:-150px;  /* damit wird sie nach links verschoben */  
 }  

Bedenke aber:

• wenn zu wenig Platz ist, werden die Boxen überlappen,
• wenn der Inhalt der Boxen zu groß wird, wird er aus den Boxen
    heraustreten.

Ich frage mich aber, ob du das wirklich absolut am unteren Fensterrand
positionieren willst, denn wenn der Inhalt der Seite hoch für das Fenster
wird, würde der Inhalt von den Boxen überlagert.
Empfehlen würde ich dir, dich intensiv mit "CSS-basierte Layouts" und auch
mit "Footer aller Art - feststehende Elemente realisieren" zu beschäftigen.

Auf Wiederlesen
Detlef