php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 10.10.2008, 22:46  
Erfahrener Benutzer
 
Benutzerbild von litterauspirna
 
Registriert seit: 24.04.2008
Beiträge: 3.172
PHP-Kenntnisse:
Anfänger
litterauspirna sorgt für eine eindrucksvolle Atmosphärelitterauspirna sorgt für eine eindrucksvolle Atmosphäre
litterauspirna eine Nachricht über ICQ schicken
Standard [Erledigt] Text vertical ausrichten geht nur im IE

Guten Abend Leutz!

Ich habe mal ne Frage wie kann ich Text vertical ausrichten so das es in Opera,FF und im IE richtig hinhaut. Momentan klappt es so nur im IE.
Ich will das der Text vertical zentriert im DIV steht.

Hier mal mein CSS dazu
Code:
/*
fussbereich mit copyright
*/
#footer
{
width: 700px;
height: 30px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
background-color: #869BD5;
margin-left: 162px;
}
.copyright
{
font-size: 12px;
vertical-align: -50%;
word-spacing: 2px;
letter-spacing: 1px;
}
Und der DIV des Fuses wo der Text drin stehen soll
Code:
<!-- Fuss -->
<div id="footer" align="center" />
 <span class="copyright">
  (C) Text
 </span>
</div>
Dankeschön für einen hilfreichen Tipp,denn laut vertical-align: Vertikale Ausrichtung: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets müsste das aber in allen drei Browsern mit Prozentangabe funktionieren.

mfg der litter
__________________
Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir.
http://www.lit-web.de
litterauspirna ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 10.10.2008, 22:51  
Moderator
 
Benutzerbild von cycap
 
Registriert seit: 13.02.2008
Beiträge: 6.816
PHP-Kenntnisse:
Fortgeschritten
cycap ist einfach richtig nettcycap ist einfach richtig nettcycap ist einfach richtig nettcycap ist einfach richtig nettcycap ist einfach richtig nett
Standard

Mensch Litter, lies die Seite die du verlinkt hast doch ganz:

Zitat:
Die Eigenschaft vertical-align beeinflusst die vertikale Ausrichtung von Text in einer Zeile, bezogen auf das Elternelement, das ein Inline-Element sein muß. Man kann damit also kleineren Text an größerem Text oder auch an Grafiken ausrichten - nicht aber die vertikale Positionierung in einem Blockelement (z.B. div-Element) direkt bestimmen. Außerdem kann Text damit vertikal in Tabellenzellen positioniert werden. Der Normalwert ist dabei »baseline« - die Grundlinie.
cycap ist offline   Mit Zitat antworten
Alt 10.10.2008, 23:00  
Erfahrener Benutzer
 
Benutzerbild von litterauspirna
 
Registriert seit: 24.04.2008
Beiträge: 3.172
PHP-Kenntnisse:
Anfänger
litterauspirna sorgt für eine eindrucksvolle Atmosphärelitterauspirna sorgt für eine eindrucksvolle Atmosphäre
litterauspirna eine Nachricht über ICQ schicken
Standard

Herr cycap sind wir ein bisschen schlecht drauf zu später Stunde?

Nunja ich habe nicht alles gelesen,sorry. Aber mit was kann ich denn nun in einem DIV den Text vertical ausrichten? Ich habe gesucht aber nichts anderes gefunden.
__________________
Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir.
http://www.lit-web.de
litterauspirna ist offline   Mit Zitat antworten
Alt 10.10.2008, 23:03  
Moderator
 
Benutzerbild von cycap
 
Registriert seit: 13.02.2008
Beiträge: 6.816
PHP-Kenntnisse:
Fortgeschritten
cycap ist einfach richtig nettcycap ist einfach richtig nettcycap ist einfach richtig nettcycap ist einfach richtig nettcycap ist einfach richtig nett
Standard

Nö, eigentlich hab ich sehr gute Laune, besser als heut Nachmittag wo ich hier nen paar Leute "angemault" (übertrieben) hab. Das da oben war mehr als ein Seufzer gemeint.

Ich nehme mal an es geht bei dir nur um 1 Zeile, richtig? Dann sollte es reichen (glaube ich, bin kein CSS-Experte) wenn du line-height auf die Größe des Footers setzt.
cycap ist offline   Mit Zitat antworten
Alt 10.10.2008, 23:08  
Erfahrener Benutzer
 
Benutzerbild von litterauspirna
 
Registriert seit: 24.04.2008
Beiträge: 3.172
PHP-Kenntnisse:
Anfänger
litterauspirna sorgt für eine eindrucksvolle Atmosphärelitterauspirna sorgt für eine eindrucksvolle Atmosphäre
litterauspirna eine Nachricht über ICQ schicken
Standard

Dumme Frage denke ich,die line-height auf den text und nicht auf den div container richtig?

Ich fange auch grad erst an auf CSS und Div Container umzustellen.
__________________
Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir.
http://www.lit-web.de
litterauspirna ist offline   Mit Zitat antworten
Alt 10.10.2008, 23:09  
Moderator
 
Benutzerbild von cycap
 
Registriert seit: 13.02.2008
Beiträge: 6.816
PHP-Kenntnisse:
Fortgeschritten
cycap ist einfach richtig nettcycap ist einfach richtig nettcycap ist einfach richtig nettcycap ist einfach richtig nettcycap ist einfach richtig nett
Standard

ausprobieren is ja schnell gemacht
cycap ist offline   Mit Zitat antworten
Alt 10.10.2008, 23:11  
Erfahrener Benutzer
 
Benutzerbild von litterauspirna
 
Registriert seit: 24.04.2008
Beiträge: 3.172
PHP-Kenntnisse:
Anfänger
litterauspirna sorgt für eine eindrucksvolle Atmosphärelitterauspirna sorgt für eine eindrucksvolle Atmosphäre
litterauspirna eine Nachricht über ICQ schicken
Standard

Grad gemacht. Das line-height auf den Text und schon wirds optimal bei einer Zeile ausgerichtet. Danke und schönen Abend noch nu kannsch in de Heia gehen
__________________
Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir.
http://www.lit-web.de
litterauspirna ist offline   Mit Zitat antworten
Alt 12.10.2008, 15:48  
Erfahrener Benutzer
 
Benutzerbild von phpdummi
 
Registriert seit: 06.06.2008
Beiträge: 1.631
PHP-Kenntnisse:
Anfänger
phpdummi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Wegen Frontend Optimierung und so:
Code:
heavy:
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;

besser:
border: 1px solid #000;
Das und andere Kurzschreibweisen sparen dir bestimmt 10%+ an zu übertragenden KBs.
__________________
"Nobody is as smart as everybody" - Kevin Kelly
— The best things in life aren't things
phpdummi ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung Zergling-new Tutorials 6 25.01.2008 10:41
CSS - Bild im div container überlappt andere container Buschdieb HTML, Usability und Barrierefreiheit 13 19.07.2007 23:17
MySQL-Volltextsuche SvenLittkowski Datenbanken 6 14.06.2007 19:58
spalte rechts ausrichten, text aber trotzdem linksbündig Crypi HTML, Usability und Barrierefreiheit 5 14.09.2006 11:35
CSS - Design (clear - Problem) HTML, Usability und Barrierefreiheit 7 21.12.2005 14:55
Text aus der DB verteilen PHP Tipps 2007 17 16.11.2005 12:04
Text am unteren Seitenrand ausrichten mristau2k5 HTML, Usability und Barrierefreiheit 7 22.07.2005 13:35
[Erledigt] Link PHP Tipps 2005-2 10 20.07.2005 21:28
[Erledigt] DIV´s wollen nicht wie ich das will :-) HTML, Usability und Barrierefreiheit 22 28.03.2005 18:36
text ausrichten mit css flyingeagle HTML, Usability und Barrierefreiheit 3 24.03.2005 17:55
frames probleme HTML, Usability und Barrierefreiheit 6 18.01.2005 02:33
Per Button Text formatieren Igäl HTML, Usability und Barrierefreiheit 1 11.11.2004 06:25
Javascript: Text einfügen geht nich über "javascript:BL HTML, Usability und Barrierefreiheit 14 19.10.2004 21:44
Zeilenumbrüche aus einem formatierten Text entfernen woods PHP Tipps 2004 9 23.09.2004 12:50
txt-Datei erstellen d-81 PHP Tipps 2004 12 11.08.2004 20:31

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
html text vertikal ausrichten, text vertikal ausrichten, word 2007 text vertikal ausrichten, div text vertikal ausrichten, php text vertikal ausrichten, text vertikal ausrichten html, php schrift vertikal, html textausrichtung vertikal, word 2007 text ausrichten, textausrichtung vertikal word 2007, text hochkant ie, internet explorer vertikale ausrichtung, span vertikale ausrichtung, ie schrift vertikal, text ausrichten word 2007, word 2007 schrift vertikal ausrichten, html lauftext vertikal zentrieren, text vertikal zentrieren ie6, css internet explorer text vertikal zentrieren, ie text ausrichten

Alle Zeitangaben in WEZ +2. Es ist jetzt 03:39 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum