✔ Text vertikal in div

Status
Nicht offen für weitere Antworten.
C

campari

Erfahrenes Mitglied
HTML: 
.top {
	font-family:Verdana,Arial,Times New Roman, sans-serif;
	font-size: 40px;
	color: #FFFFFF;
	position: absolute;
	left: 13px;
	top: 45px;
	line-height: 40px;
	width: 400px;
	height: 40px;
	background-color: red;
}
Der Text im div wird je nach Browser unterschiedlich vertikal ausgerichtet.
Gibts da ne Möglichkeit, dass der Text einheitlich z.B. "top" ausgerichtet wird?

Was ich auch nicht begreife, markieren mittels Strg+A zeigt ja die Höhe der Schriftzeile an. Das variiert von 48 bis 59px (!). Das sind alles _ganz_ schlechte Parameter, um einheitliches Layout zu erhalten. Was mach ich da falsch?

Danke
campari
 
Zuletzt bearbeitet:
Ich kann da keine Unterschiede in der vertikalen Ausrichtung feststellen. Was versuchst du denn mit dem Stylesheet umzusetzen?
 
Der Text sollte einfach 45px Abstand von seinem Elternelement haben. Nix besonderes eigentlich, dachte ich.
Ist merkwürdigerweise nur unter Linux so. Konqueror, Firefox und Opera interpretieren da um die Wette :/


Noch was anderes. Betrifft auch Win:

<ul><li>

Die Darstellung ist in allen Browsern sowas von verschoben in der Höhe. Bei Firefox kamman bald den Zollstock auskramen, das ist echt jenseits von gut und böse.

Grüsse
 
Bei einer Liste greift das irgendwie nicht. Abstand im Feuerfuchs ist plus 10px.

HTML: 
.list {
	font-family:Verdana,Arial,Times New Roman, sans-serif;
	font-style:normal;
	font-weight:700;
	font-size: 12px;
	color: #000000;
	position: absolute;
	left: 340px;
	top: 130px;
	line-height: 12px;
	padding-top: 0px;
}
</style>
</head>
<body>
<div class="list">
<ul>
<li>Punkt 1</li>
</ul>
</div>
 
Zuletzt bearbeitet:
Dann setz mal die oberen Polsterungseigenschaften des Listenelements auf null:

Code: 
.list ul {
margin-top:0;
padding-top:0;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück