tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
5
ZUGRIFFE
432
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 21.03.07 19:14 #1
    campari campari ist offline Mitglied Brokat
    Registriert seit
    Nov 2004
    Beiträge
    267
    HTML-Code:
    .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
    Geändert von campari (21.03.07 um 19:19 Uhr)
     
  2. 21.03.07 19:21 #2
    Maik Tutorials.de Gastzugang
    Ich kann da keine Unterschiede in der vertikalen Ausrichtung feststellen. Was versuchst du denn mit dem Stylesheet umzusetzen?
     
  3. 23.03.07 17:03 #3
    campari campari ist offline Mitglied Brokat
    Registriert seit
    Nov 2004
    Beiträge
    267
    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
     
  4. 23.03.07 19:25 #4
    Maik Tutorials.de Gastzugang
    Hi!
    Zitat Zitat von campari Beitrag anzeigen
    Der Text sollte einfach 45px Abstand von seinem Elternelement haben.
    Dafür gibt es die padding-Eigenschaft.
     
  5. 24.03.07 13:05 #5
    campari campari ist offline Mitglied Brokat
    Registriert seit
    Nov 2004
    Beiträge
    267
    Bei einer Liste greift das irgendwie nicht. Abstand im Feuerfuchs ist plus 10px.

    HTML-Code:
    .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>
    Geändert von campari (24.03.07 um 13:08 Uhr)
     
  6. 24.03.07 13:11 #6
    Maik Tutorials.de Gastzugang
    Dann setz mal die oberen Polsterungseigenschaften des Listenelements auf null:

    Code :
    1
2
3
4

    .list ul {
margin-top:0;
padding-top:0;
}
     
« Ausgabe von Datum & Jahr rechtsseitig | Problem mit Höhenangabe und Includieren »

Ähnliche Themen

  1. Text vertikal zentrieren
    Von Alaniak im Forum CSS
    Antworten: 3
    Letzter Beitrag: 09.12.06, 14:13
  2. Text Vertikal ausrichten
    Von LoMo im Forum CSS
    Antworten: 2
    Letzter Beitrag: 10.07.06, 14:35
  3. text vertikal ausrichten
    Von das_element im Forum CSS
    Antworten: 3
    Letzter Beitrag: 09.01.06, 21:13
  4. Text vertikal?
    Von ricki im Forum Photoshop
    Antworten: 6
    Letzter Beitrag: 04.02.05, 13:38
  5. text vertikal/horizontal spiegeln
    Von fishguts im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 17.09.03, 21:44