Seite 1 von 3

HTML/CSS Problem mit absoluter position

Verfasst: 25.03.2006 17:14
von Kermit
Ich versuche eine Textzeile an den untersten Rand zu positionieren.

Aber diese Zeile:
<div style="text-align: center; position:absolute; bottom:0px;">
<SP>&copy; Kermit: 1998 - 2005<br>
Materials maybe freely copied and distributed subject to the<b> inclusion</b> of the copyright notice and my Web site address.</SP>

("SP" ist in der CSS Datei wie folgt definiert:
SP { color: #33FF33;
font-size: 80%; } /* Leuchtgrüne Schrift */)

landet nicht in der mitte sondern am linken Rand. Warum?

Verfasst: 25.03.2006 17:18
von Pyramide
Ein <SP> Element gibt es laut SelfHTML gar nicht...vermutlich verschluckt sich der Browser daran.

Re: HTML/CSS Problem mit absoluter position

Verfasst: 25.03.2006 17:37
von IPB_Flüchtling
Müsste das nicht eher wie folgt lauten?

.css-Datei (Punkt vor "sp" beachten):
.sp { color: #33FF33;
font-size: 80%; }
HTML-Quelltext:
<p class="sp">&copy; Kermit: 1998 - 2005 usw.</p>
Oder ist das egal? Sorry, wenn ich Blödsinn geschrieben habe. Bin etwas übermüdet.

EDITIERT:
Auf Selfhtml haben Sie noch eine zusätzliche Angabe:

<div style="position:absolute; bottom:0px; left:100px;">

Mehr dazu hier:

http://de.selfhtml.org/css/eigenschafte ... ierung.htm

LG, IPB_Flüchtling

Verfasst: 25.03.2006 19:17
von Kermit
Pyramide hat geschrieben:Ein <SP> Element gibt es laut SelfHTML gar nicht...vermutlich verschluckt sich der Browser daran.
Aber ich kann doch eigene Elemente definieren, zumindest zeit er alle anderen problemlos an. Nur bei diesem Befehl muckt er auf.

Verfasst: 25.03.2006 21:13
von Pyramide
Bei XML ja, bei HTML nicht.

Verfasst: 26.03.2006 19:39
von Kermit
Pyramide hat geschrieben:Bei XML ja, bei HTML nicht.
Schei.. warum funktioniert dann ein Teil, während ein anderer Teil nicht funktioniert?
Und wie kann ich dann eigene Formate unter HTML definieren?

Re: HTML/CSS Problem mit absoluter position

Verfasst: 27.03.2006 00:24
von Pyramide
IPB_Flüchtling hat geschrieben:.css-Datei (Punkt vor "sp" beachten):
.sp { color: #33FF33;
font-size: 80%; }
HTML-Quelltext:
<p class="sp">&copy; Kermit: 1998 - 2005 usw.</p>

Verfasst: 30.03.2006 00:25
von Kermit
Ich habe jetzt einiges rumprobiert aber es funktioniert immer noch nicht.

Die eingebundene Zeile lautet jetzt:

Code: Alles auswählen

<p class="sp">&copy; Kermit: 1998 - 2005<br>
Materials maybe freely copied and distributed subject to the<b> inclusion</b> of the copyright notice and my Web site address.</p>
Und "sp" ist in der css datei wie folgt definiert:

Code: Alles auswählen

.sp { color: #33FF33;
      text-align: center;
      position: absolute;
      bottom: 0px;
      font-size: 80%; } /* Leuchtgrüne Schrift */
Wo liegt mein Fehler???

Verfasst: 30.03.2006 00:38
von Pyramide
Was genau funktioniert denn nicht? Die Positionierung am unteren Rand, die Zentrierung, die Farbe, etwas anderes? Und hast du mal nen Link zur kompletten Datei?

Verfasst: 30.03.2006 01:00
von Kermit
Nur Center funktioniert nicht, alles andere akzeptiert er.
Allerdings war das in meiner alten Version auch schon so.