HTML/CSS Problem mit absoluter position

[Pyramide]

Also bei mir funktioniert das wunderbar...

[Kermit]

Seltsam, ich habe jetzt wieder weiter probiert, aber ich bringe es nicht hin.
Ich habe eine 2te index mit 2ter css datei raufgeladen, aber der Fehler ist immer noch da:

http://www.iospirates.com/index2.html

Der copyright vermerk sitzt unten links, statt in der mitte.

[S2B]

Zwei Vorschläge, vielleicht geht ja einer davon (*g*):

Code: Alles auswählen

left: auto;
right: auto;

oder

Code: Alles auswählen

margin: auto

[IPB_Flüchtling]

@Kermit:

Ich beziehe mich jetzt auf folgende Seite: http://www.iospirates.com/index2.html

Verschiebe die Zeile mit dem Copyright-Hinweis im Quelltext nach das </div>

Also:

</div>
<p class="sp">&copy; Kermit: 199........

Dann kannst Du ggf. auch ganz normal mit <center> </center> arbeiten:

</div>
<center>
<p class="sp">&copy; Kermit: 199........
</center>

LG, IPB_Flüchtling

[Kermit]

Leider hat keiner der Tips etwas gebracht.
die Zeilen sind zwar schön unten am Rand, aber leider wird das ganze immer in die linke Ecke verschoben.

Selbst diese Codezeile:

Code: Alles auswählen

<div style="width: 100%; text-align: center; margin-left: auto; margin-right: auto;">

die ich erfolgreich in der Navigation einsetze funktioniert nicht.

Kann es sein das dieser absolute Befehle irgendetwas verhindert?
Oder muß ich nach etwas anderem auf meiner Seite suchen?

[S2B]

Hast du den Tipp von mir mit left: auto und right: auto auch schon getestet?

[Kermit]

Hast du den Tipp von mir mit left: auto und right: auto auch schon getestet?

Ja.
Seltsamerweise verwende ich diesen Befehl ja in meiner Navigation, dort hat er immer funktioniert.
Aber in der kombination mit dem absoluten Befehl das die zeile unten sein soll kommt es zum Problem, als ob sich diese Befehle gegenseitig im weg sind ...

[Gast210225]

Hallo,
mach mal aus dem

Code: Alles auswählen

.sp

ein

Code: Alles auswählen

#sp

und ändere das

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>

in

Code: Alles auswählen

<div id="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.</div>

Das sollte gehen


Viele Grüße,
Johannes

[Kermit]

Leider nein, allerdings ist mir etwas seltsames aufgefallen.

Die 2 absoluten zeilen werden zwar an den linken Rand geschoben, allerdings ist die obere mittig von der unteren, d.h. in sich ist ein verhalten wie durch den Befehl CENTER, nur ist das an den linken Rand geschoben.

Kann es sein das da irgend etwas kolidiert?

[S2B]

Naja, text-align ist eben nur für den Text zuständig, deswegen macht es auch keinen Sinn, da weiter mit text-align zu hantieren. Das Problem ist bei dir die "virtuelle" Box, in der der Text sich befindet. Und wenn man Boxen zentrieren will, verwendet man margin: auto, also müsste es bei einer absoluten Positionierung mit left: auto und right: auto funktionieren.

Falls du das noch nicht getestet hast, versuch mal das:

Code: Alles auswählen

<div style="width: 100%; text-align: center; margin-left: auto; margin-right: auto; left: 0px; right: 0px">

oder das:

Code: Alles auswählen

<div style="width: 100%; text-align: center; margin-left: auto; margin-right: auto; left: auto; right: auto">