textformatierung im layer/container/box

[hebert]

hallo,

habe folgendes problem:

#layer { width:720px; height:50px }
#layer_txt { font-family: Times New Roman ; font-size: 10pt ; font-style:normal ; font-weight: bold ; color:#FFFFFF; margin:16px )

möchte in einem layer/div-container/box (wie immer man es auch nennen mag) text ausrichten und formatieren. mit "margin:16px" hab ich es geschaft meinen text ziemlich genau in der mitte vertikal auszurichten (im layer). im IE funzt es wunderbar, mit mozilla oder NS lässt sich der text mittels "margin:16px" nicht beeinflussen. was kann ich tun damit es auch im mozilla und NS funktioniert?

gruß
hebbert

[hebbert]

ok, habs schon rausgefunden.
padding machts möglich...

[slapper]

hallo,

habe folgendes problem:

#layer { width:720px; height:50px }
#layer_txt { font-family: Times New Roman ; font-size: 10pt ; font-style:normal ; font-weight: bold ; color:#FFFFFF; margin:16px )

möchte in einem layer/div-container/box (wie immer man es auch nennen mag) text ausrichten und formatieren. mit "margin:16px" hab ich es geschaft meinen text ziemlich genau in der mitte vertikal auszurichten (im layer). im IE funzt es wunderbar, mit mozilla oder NS lässt sich der text mittels "margin:16px" nicht beeinflussen. was kann ich tun damit es auch im mozilla und NS funktioniert?

gruß
hebbert

weis zwar nicht genau was du meinst, aber die quellsource sieht unschön aus, probiere es mal damit:

<div id="Layer1" style="position:absolute; left:33px; top:33px; width:130px; height:69px; z-index:1">
<div align="center">das ist ein blindtext</div>
</div>

für mozilla, ns usw. den div-tag verwenden
microsoft geht immer eigene wege :)

[Struppi]

#layer { width:720px; height:50px }
#layer_txt { font-family: Times New Roman ; font-size: 10pt ; font-style:normal ; font-weight: bold ; color:#FFFFFF; margin:16px )

margin ist der Aussenabstand http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm

und 'pt' ist keine Einheit für den Monitor, verwende em.

Struppi.

[Thomas Luethi]

Hallo,

Das eigentliche "Problem" war ja offenbar Dein
lueckenhaftes Verstaendnis des Box Models.

Dein CSS hat aber noch ein paar Fehler
(Schoenheitsfehler und echte Probleme):

#layer_txt

^
Klassennamen mit Underscore wurden erst in einer
spaeten Korrektur (2001) von CSS 2 (1998) eingefuehrt.
Netscape 4 hat damit offenbar Probleme.

{ font-family: Times New Roman ;

^   ^
1. Schrift-Namen mit Leerzeichen sollte man
   in Anfuehrungszeichen packen.
2. Du solltest noch Alternativen angeben,
   und am schluss eine generische Schriftart:
4. Gewisse uralte Browser hatten es lieber,
   wenn man Schriftarten klein schrieb.
4. Die Luecke vor dem Semikolon sieht doof aus.

font-family: "times new roman", times, serif;

font-size: 10pt ;

^^^^
Punkt ("pt") ist eine Buchdrucker-Einheit.
Fuer den Bildschirm solltest Du "em" oder "%" nehmen,
schlimmstenfalls noch "px", aber sicher nicht "pt".

font-style:normal ;

^^^^^^^^^^^^^^^^^

Duerfte meist ueberfluessig sein.
Es sei denn, Du hast fuer das umgebende Element
font-style:italic; oder sowas doofes angegeben.
Kursiv ist auf dem Bildschirm meist haesslich
und unleserlich, also solltest Du es sowieso
nicht verwenden.

color:#FFFFFF;

Du solltest auch die Hintergrundfarbe angeben.
Sonst kannst Du Probleme kriegen
(Weisse Schrift auf weissem Hintergrund)

background-color:#000000; /* oder Deine Farbe halt... */

margin:16px )

^^^
Das sollte wohl eine geschweifte Klammer "}" sein.

Gruesse,

Thomas