zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Textzentrierung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 03.12.2010, 23:07
Neuer Benutzer
neuer user
 
Registriert seit: 23.11.2010
Beiträge: 23
emha befindet sich auf einem aufstrebenden Ast
Standard

Naja, mit Padding würd ichs nicht lösen. Eher mit Line-Height, ist freundlicher

Grüße,
emha
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 03.12.2010, 23:26
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Hör' auf unsere Spamsession zu stören!

edit:
Warum mit line-height?
Es wurde schon geschrieben, warum das nicht taugt.
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 03.12.2010, 23:27
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von emha Beitrag anzeigen
Naja, mit Padding würd ichs nicht lösen. Eher mit Line-Height, ist freundlicher
Hast Du mein Zitat in dem Post gelesen? Wohl nicht.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
  #14 (permalink)  
Alt 05.12.2010, 17:05
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von emha Beitrag anzeigen
Naja, mit Padding würd ichs nicht lösen. Eher mit Line-Height, ist freundlicher
Wer nicht lesen will, muss sehen Folgendes Testcase vergleicht beide Varianten (ausnahmsweise mit font-size in px).

Textzoom zeigt ganz radikal den Unterschied: Variante 1 (per line-height) lässt den Text bereits beim ersten Zoom deutlich stärker nach unten wandern als Variante 2. Spätestens beim dritten Zoom ist die Vertikalzentrierung von Variante 1 verloren, die von Variante 2 dagegen immer noch einwandfrei. Und beim vierten Zoom dann die Katastrophe, Variante 1 schleudert das umbrochene Wort ins Niemandsland, bei Variante 2 dagegen ist immer noch alles im grünen Bereich.

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">

* {
	margin: 0;
	padding: 0;
	}

body {
	padding: 30px;
	font: 13px Arial, sans-serif;
	}

div {
	width: 80px;
	float: left;
	background: #c0c0c0;
	text-align: center;
	margin-right: 5px;
	}

#n1 {
	height: 100px;
	line-height: 100px;
	}

#n2 {
	height: 58px;
	line-height: 1.2;
	padding-top: 42px;
	}

</style>
</head>

<body>

<div id="n1">Text Text</div>
<div id="n2">Text Text</div>

</body>

</html>
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
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



Alle Zeitangaben in WEZ +2. Es ist jetzt 08:11 Uhr.