Ayom -> CSS: vertical-align mit Divs?

Ayom -> Forum -> Webmaster-Ecke -> Programmierung Allgemein

Anzeige - [Hier werben / Mediadaten]

(?) Tags raten (?) (edit)

CSS: vertical-align mit Divs?

Thema abonnieren | Thema versenden | Thema drucken

Josh	Geschrieben am: Di 20.12.2005, 15:04
AyomRank 9 Gruppe: Moderatoren Beiträge: 2143 Mitglied seit: 19.10.2003	Hallo alle Hat vertical-align keinen Einfluss auf Divs? Ich wollte den Text in der Mitte eines Divs haben, aber vertical-align:middle; wirkt nicht. Grüsse Josh -------------------- Mein letztes Projekt: Atelier-Schmuck.ch "Das habe ich nie getan und werden es auch nie wieder tun!" :lol:

Moritz Klussmann
Netspire GmbH & Co. KG

#2 Geschrieben am: Di 20.12.2005, 15:15 (+00:10)

AyomRank 5

Gruppe: Member (aktiv)
Beiträge: 247
Mitglied seit: 6.10.2005

Zitat aus Selfhtml:

Sie können nebeneinanderstehende Elemente mit unterschiedlicher Höhe, zum Beispiel Tabellenzellen in einer Tabellenzeile oder Textpassagen mit unterschiedlicher Schriftgröße innerhalb einer Zeile, im Verhältnis zueinander ausrichten.

Mit einem DIV geht es also nicht.

Folgendes geht zum Beispiel:

CODE

<html>
<head>
<style type="text/css">
.oben { vertical-align:top; background-color:#CCCCCC; }
.mittig { font-size: 18pt; vertical-align:middle; background-color:#DDDDDD; }
.unten { vertical-align:bottom; background-color:#EEEEEE; }
</style>

</head>
<body>

<span class="oben">
fgkfkj
</span>

<span class="mittig">
fgkfkj
</span>

<span class="unten">
fgkfkj
</span>

</body>
</html>

--------------------

JurNW - Das Juristennetzwerk
Segel T-Shirts und Teamkleidung
Xola - Regattakalender und Vorschoterbörse

Joel Enzian Media GmbH	#3 Geschrieben am: Di 20.12.2005, 15:16 (+00:00)
AyomRank 7 Gruppe: Member (aktiv) Beiträge: 1441 Mitglied seit: 17.06.2004	Vielleicht hilft dir auch dieser Link weiter: http://www.domedia.org/oveklykken/css-vertical-align.php Gruess, Joel -------------------- EagleFind.com - Die visuelle Suchmaschine Enzian Media bietet Entwicklung von Websites, Videos und Webcam-Streaming. Suxedoo- Werbekampagne im Wert von 5000.- jetzt Gewinnen! Nur für im Handelsregister eingetragene Frimen!

Josh

#4 Geschrieben am: Di 20.12.2005, 15:17 (+00:01)

AyomRank 9
Group Icon

Gruppe: Moderatoren
Beiträge: 2143
Mitglied seit: 19.10.2003

Dein Beispiel macht m.E. keinen Sinn, da es ja gar keine Höhenangaben enthält.

Folgendes funktioniert eben leider nicht im Firefox (IE weiss ich nicht):

CODE

<html>
<head>
<style type="text/css">
.oben { vertical-align:top; background-color:#CCCCCC;height:200px; }
.mittig { font-size: 18pt; vertical-align:middle; background-color:#DDDDDD;height:200px; }
.unten { vertical-align:bottom; background-color:#EEEEEE;height:200px; }
</style>

</head>
<body>

<div class="oben">
fgkfkj
</div>

<div class="mittig">
fgkfkj
</div>

<div class="unten">
fgkfkj
</div>

</body>
</html>

--------------------

Mein letztes Projekt: Atelier-Schmuck.ch

"Das habe ich nie getan und werden es auch nie wieder tun!" :lol:

Moritz Klussmann Netspire GmbH & Co. KG	#5 Geschrieben am: Di 20.12.2005, 15:21 (+00:04)
AyomRank 5 Gruppe: Member (aktiv) Beiträge: 247 Mitglied seit: 6.10.2005	Aber DIV sind ja auch keine nebeneinanderstehenden Elemente. -------------------- JurNW - Das Juristennetzwerk Segel T-Shirts und Teamkleidung Xola - Regattakalender und Vorschoterbörse

Alonso WEPAX.com	#6 Geschrieben am: Di 20.12.2005, 15:58 (+00:36)
AyomRank 6 Gruppe: Member (aktiv) Beiträge: 517 Mitglied seit: 10.02.2005	Nein, diese Eigenschaft gibts nicht bei Div's. Wenns denn wirklich mit Div's sein muss, dann kannst du das mit display:table-cell; hinmogeln dass es passt. Ist aber auch keine glückliche Lösung.. -------------------- Wepax.com ****** Domains 4 sale

Jörg Kruse	#7 Geschrieben am: Di 20.12.2005, 21:08 (+05:09)
AyomRank 5 Gruppe: Experten Entwicklung Beiträge: 419 Mitglied seit: 19.12.2004	Vielleicht noch eine Möglichkeit: von der Höhe des Divs die line-height abziehen und das ganze durch 2 teilen - das ergibt dann einen Wert, den man für padding-top und padding-bottom einsetzt -------------------- Webmaster-Forum \| Webnotizen

Josh	#8 Geschrieben am: Di 20.12.2005, 21:22 (+00:14)
AyomRank 9 Gruppe: Moderatoren Beiträge: 2143 Mitglied seit: 19.10.2003	Danke für die Tipps. -------------------- Mein letztes Projekt: Atelier-Schmuck.ch "Das habe ich nie getan und werden es auch nie wieder tun!" :lol:

Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)

0 Mitglieder:

« Redirect von domain.de auf www.domain.de | Programmierung Allgemein | Probleme beim Auslesen aus der Datenbank »

Trackback-Url: http://www.ayom.com/track/t/9720

Dieses Thema abonnieren

Ähnliche Themen

Themen Titel	Autor	Views	Antworten	Letzte Aktion
2 Divs nebeneinaner sollten gleich hoch sein.	Bregi	92	9	Do 8.01.2009, 19:13
Mehrere DIVs neben und untereinander	Borsti	156	0	Mi 16.01.2008, 17:50
Flash-Banner & DIVs	Marvin	566	1	Mo 13.08.2007, 08:07
li vertical-align middle	spaceman007	522	6	Mo 2.07.2007, 09:46
Google ignoriert hidden divs	Alain Aubert	2358	8	Fr 1.09.2006, 02:30
Alle divs in tabelle mit gleicher höhe	Klegs	529	5	Fr 16.06.2006, 20:50
drei verschachtelte divs	neox82	343	0	Sa 15.04.2006, 13:00
tables ersetzen mit divs	strongarm	648	10	Mi 21.12.2005, 08:28
2 text blöcke (divs) nebeneinander?	Klegs	2728	18	Mo 24.10.2005, 20:38
weitere fragen zu divs und css	Klegs	387	6	Di 3.05.2005, 11:30

Anzeige - [Hier werben / Mediadaten]

Startseite

Ayom Blog

Forum

Wissensdatenbank

Domainbörse

Supertext

Über Ayom

Partner

Anzeigen