DIV • Vertikal ausrichten

Elvorat · 23 Dezember 2009

Moin,

2 Probleme :)

1. ich hab grad eine stunde gegoogelt und nichts brauchbares gefunden.
Horizontal kann ich mit float wunderbar ausrichten. Wie geht das denn nun im vertikalen Bereich?

Ich möchte, dass die Box immer unten klebt...

CSS:

Code:

#Außen
 {
   width: 239px;
   height: 100%;
   background-image:#);
   position:absolute;
   top: 174px;
   left: 0px;
   } 

#Box
  { height: 96px;
    background-image:#);
    vertical-align:bottom;
    
    }

Das vertical-align funktioniert aber irgendwie nicht...
<div id="Außen">
<div id="Box"></div>
</div>

2. Ich habe ja "Außen" den Wert hight:100% zugewiesen. Komischer weise muss ich im Browser dann runterscrollen, als ob ich dem nen festen Wert von kA.. 1000px zugewiesen hätte,.. wieso?

Vielen Dank

prm · 23 Dezember 2009

Zu 1:
Es ist mir zwar unerklärlich, wie man mit float zentrieren kann und dass du per Google nichts finden konntest.
Aber vielleicht hilft dir das weiter:
Horizontale Zentrierung mit CSS
Horizontale und vertikale Zentrierung mit CSS

Zu 2:
Zu den 100% musst du noch den top-Wert von 174px hinzuzählen und dann sind es eben mehr als 100%.

Efchen · 23 Dezember 2009

prm schrieb:
Es ist mir zwar unerklärlich, wie man mit float zentrieren kann

Mir auch, aber davon stand ja auch nichts im OP :-)

Frohe Weihnachten!

Elvorat · 23 Dezember 2009

Ihr habt die Frage nicht verstanden,... Die "BOX" ist im DIV "Außen". Und ich möchte, dass die BOX immter unten ist, und nicht zentriert.

prm · 23 Dezember 2009

Code:

  html {height: 100%;}
  body {height: 100%;}
#aussen
 {
   width: 239px;
   height: 100%;
   margin-top: 174px;
   position:relative;
   border: 1px solid red;
   }

#box
  { height: 96px;
    background-image:#);
    position: absolute;
    bottom: 0;
    border: 1px solid blue;
    }

Code:

<body>
<div id="aussen">
<div id="box">box</div>
</div>
</body>

DIV • Vertikal ausrichten

Elvorat

Neues Mitglied

prm

Aktives Mitglied

Efchen

Guest

Elvorat

Neues Mitglied

prm

Aktives Mitglied

Neueste Beiträge