kostenloser Webspace werbefrei: lima-city

DIV per CSS vertikal zentrieren

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   k******p

   15:29, 4.2.2010

   hallo,
   
   ich habe schon auf vielen Seiten gesucht, aber nichts gescheites gefunden.
   Ich habe ein DIV(navi) und in diesem DIV soll noch eins sein [DIV(text)]. Das DIV(text) soll von oben und von unten den gleichen Abstand haben.
   Es ist jedoch zu beachten, dass das DIV(navi) unterschiedlich groß sein kann.
   
   Danke für die Antworten

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. c****n

   15:36, 4.2.2010

   Hey
   
   Schau dier mal die "vertical-align:" option von css an. Wenn du "vertical-align:middle;" im DIV(text) style-Attribute notierst, sollte es Vertikal in der mitte des DIV(navi) positioniert werden.
   
   Libe Grüsse:

4. thomasba

   Co-Admin

   thomasba hat kostenlosen Webspace.

   15:39, 4.2.2010

   Ist die Höhe vom div Text bekannt? Wenn ja, geht das so:
   
   

   #text {
       position:absolute;
       height:50px;
       margin-top:-25px;
       top:50%;
   }

5. tom-moeller

   

   tom-moeller hat kostenlosen Webspace.

   15:48, 4.2.2010

   Und Du musst nicht zwangsläüuig ein DIV für Deinen Text verwenden um es zu stylen.
   Es würde auch ein

   .deindiv p {....}

   reichen.
   
   Gruß

6. m****s

   16:11, 4.2.2010

   so sollte es eigentlich funktionieren musste natürlich noch anpassen
   
   #navi {
   margin:0 auto;
   margin-left:30px;
   height:50px;
   margin-top:-25px;
   top:50%;
   }
   
   das marin 0 auto zentriert die navi

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?