HTML/CSS Problem mit absoluter position

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Benutzeravatar
Kermit
Mitglied
Beiträge: 522
Registriert: 03.04.2001 02:00
Wohnort: hinterm Mond
Kontaktdaten:

HTML/CSS Problem mit absoluter position

Beitrag 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?
Benutzeravatar
Pyramide
Ehrenadmin
Beiträge: 12734
Registriert: 19.04.2001 02:00
Wohnort: Meschede

Beitrag von Pyramide »

Ein <SP> Element gibt es laut SelfHTML gar nicht...vermutlich verschluckt sich der Browser daran.
KB:knigge
IPB_Flüchtling
Mitglied
Beiträge: 1862
Registriert: 23.12.2004 22:46

Re: HTML/CSS Problem mit absoluter position

Beitrag 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
Benutzeravatar
Kermit
Mitglied
Beiträge: 522
Registriert: 03.04.2001 02:00
Wohnort: hinterm Mond
Kontaktdaten:

Beitrag 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.
Benutzeravatar
Pyramide
Ehrenadmin
Beiträge: 12734
Registriert: 19.04.2001 02:00
Wohnort: Meschede

Beitrag von Pyramide »

Bei XML ja, bei HTML nicht.
KB:knigge
Benutzeravatar
Kermit
Mitglied
Beiträge: 522
Registriert: 03.04.2001 02:00
Wohnort: hinterm Mond
Kontaktdaten:

Beitrag 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?
Benutzeravatar
Pyramide
Ehrenadmin
Beiträge: 12734
Registriert: 19.04.2001 02:00
Wohnort: Meschede

Re: HTML/CSS Problem mit absoluter position

Beitrag 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>
KB:knigge
Benutzeravatar
Kermit
Mitglied
Beiträge: 522
Registriert: 03.04.2001 02:00
Wohnort: hinterm Mond
Kontaktdaten:

Beitrag 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???
Benutzeravatar
Pyramide
Ehrenadmin
Beiträge: 12734
Registriert: 19.04.2001 02:00
Wohnort: Meschede

Beitrag 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?
KB:knigge
Benutzeravatar
Kermit
Mitglied
Beiträge: 522
Registriert: 03.04.2001 02:00
Wohnort: hinterm Mond
Kontaktdaten:

Beitrag von Kermit »

Nur Center funktioniert nicht, alles andere akzeptiert er.
Allerdings war das in meiner alten Version auch schon so.
Antworten

Zurück zu „Coding & Technik“