zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Text in einem DIV vertikal mittig zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.01.2007, 10:57
Philip
neuer user
Thread-Ersteller
 
Registriert seit: 16.08.2006
Beiträge: 11
christoph befindet sich auf einem aufstrebenden Ast
Ausrufezeichen Text in einem DIV vertikal mittig zentrieren

Hallo Forum,

ich möchte einen Text innerhalb eines DIV vertikal mittig zentrieren. Die Höhe des Div's ist 30px und wird von zwei Linien (oben und unten) umschlossen. Zusätzlich möchte ich neben dem Text ein Icon positionieren.

So soll es aussehen (Grafik soll aber rechtbündig stehen, was hier nicht geht):

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

TEXT

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

Das ist mein Skipt zur Zeit:

Code:
<div style="width:450px; height:30px; border-top:1px solid #999999; border-bottom:1px solid #999999; vertical-align:middle">
<span style="height: 30px; vertical-align:middle"><strong>Grand public</strong></span>
<span style="height: 30px; vertical-align:middle"><img src="../images/intellicorder/drop_down.gif" width="15" height="15"></span>
</div>

Geändert von christoph (15.01.2007 um 11:35 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.01.2007, 11:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Siehe bitte die FAQs zu dem Thema.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.01.2007, 11:20
Philip
neuer user
Thread-Ersteller
 
Registriert seit: 16.08.2006
Beiträge: 11
christoph befindet sich auf einem aufstrebenden Ast
Standard

Naja, das ist a bißle was anderes. Mit dem Beispiel in den FAQ's kann ich nichts anfangen.
Mit Zitat antworten
  #4 (permalink)  
Alt 15.01.2007, 11:38
Philip
neuer user
Thread-Ersteller
 
Registriert seit: 16.08.2006
Beiträge: 11
christoph befindet sich auf einem aufstrebenden Ast
Standard

Also es scheint so, als würden die Design-Möglichkeiten in der Variante "Webdesign ohne Tabellen" noch in den Kinderschuhe stecken und kaum Möglichkeiten zulassen. Ich bleibe besser bei den bewerten Tabellen, da klappt das wenigsten, wie man es braucht.
Mit Zitat antworten
  #5 (permalink)  
Alt 15.01.2007, 11:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Zitat:
Zitat von christoph Beitrag anzeigen
Naja, das ist a bißle was anderes. Mit dem Beispiel in den FAQ's kann ich nichts anfangen.
nein, ob Text oder Bilder vertikal zentriert wird, ist technisch kein Unterschied.

Du hast falsche Vorstellungen dessen, was bestimmte CSS-Eigenschaften (hier vertical-align) können sollen. Belies Dich bitte mit den Grundlagen (ich verweise erneut auf die FAQ), bevor Du einfach Behauptungen anstellst, die nach dem Motto "kenn ich nicht, ist also ungeeignet" formuliert sind.
Mit Zitat antworten
  #6 (permalink)  
Alt 15.01.2007, 11:43
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 08.11.2005
Beiträge: 125
Webstandard befindet sich auf einem aufstrebenden Ast
Standard

Probier's doch mal damit: Vertical Centering in CSS

Die Design-Möglichkeiten ohne Tabellen stecken nicht in den Kinderschuhen,
dass tun höchstens die Fähigkeiten derjenigen die sie einsetzen wollen...
( Ausnahmen bestätigen die Regel. Diese gehört allerdings nicht dazu. )
Mit Zitat antworten
  #7 (permalink)  
Alt 15.01.2007, 11:56
Philip
neuer user
Thread-Ersteller
 
Registriert seit: 16.08.2006
Beiträge: 11
christoph befindet sich auf einem aufstrebenden Ast
Standard

Bisher habe ich aber auf meine Frage keine Lösung bekommen, die zielführend ist. Sondern nur Notlösungen und Querverweise! Ich glaube nicht, dass es im Sinne des Erfinders ist. Außerdem ist es nicht mein Verständnis eines Forums, dass man auf FAQ verweist, die eine globale Lösung vorstellen und dabei (natürlich) nicht auf das gestellte Problem eingehen. Bitte lest die Problemstellung genau, bevor Ihr auf die FAQ verweist und urteilt dann, ob nicht vielleicht doch Tabellen dafür gescheiter sind!
Mit Zitat antworten
  #8 (permalink)  
Alt 15.01.2007, 13:07
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von christoph Beitrag anzeigen
Bisher habe ich aber auf meine Frage keine Lösung bekommen, die zielführend ist.
Fand ich nicht. Zugegeben die für deinen Fall einfachste Lösung war bisher nicht dabei, aber das wäre eigentlich auch ein Notlösung.

Zitat:
Sondern nur Notlösungen...
Nun, da ist aber kaum CSS dran schuld, sondern der Internet Explorer.

Zitat:
und Querverweise!
Sollen wir die Inhalte der Webseiten für dich abtippen, oder was?

Zitat:
Ich glaube nicht, dass es im Sinne des Erfinders ist.
Im Sinne des Erfinders wäre:

Code:
<div style="height: 30px; display: table-cell; vertical-align: middle">Text</div>
Alle aktuellen Browser unterstützen das - außer der IE.

Zitat:
Außerdem ist es nicht mein Verständnis eines Forums, dass man auf FAQ verweist, die eine globale Lösung vorstellen und dabei (natürlich) nicht auf das gestellte Problem eingehen. Bitte lest die Problemstellung genau, bevor Ihr auf die FAQ verweist ...
Glaubst du bist der einzige Der jemals dieses "Problem" hatte? Hier posten täglich Leute die selben Probleme und dafür gibt es die FAQ. Ich gebe gerne zu, das der für deinen Fall einfachste Lösung nicht dabei ist, aber die vorgeschlagenen Lösungen funktionieren.

Aber damit du mir nicht vorwerfen kannst, nicht zu helfen, probiere das hier:

Code:
<div style="line-height: 30px;">Text</div>
Funktioniert aber nur, wenn der Text nicht in eine zweite Zeile umbricht...

Zitat:
und urteilt dann, ob nicht vielleicht doch Tabellen dafür gescheiter sind!
Nein, sind sie nicht. Genau so wenig wie Excel "gescheiter ist" um ein Brief zu schreiben.

Robin
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Text in div positionieren KeithKeith CSS 1 16.05.2010 22:37
Div Float Clear usw... Ich dreh durch ;) buggix CSS 14 11.02.2010 09:42
Wachsende Container Andy CD CSS 13 10.02.2010 14:08
Auf-/Zuklappen mit JS crimi Javascript & Ajax 7 23.09.2008 17:27
3 dynam. Spalten mit Inhaltsüberlauf spacegaier CSS 6 12.10.2007 01:24


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:07 Uhr.