Seite 2 von 3

Verfasst: 30.03.2006 02:16
von Pyramide
Also bei mir funktioniert das wunderbar...

Verfasst: 03.04.2006 22:08
von 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.

Verfasst: 05.04.2006 15:35
von 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

Verfasst: 05.04.2006 22:53
von 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

Verfasst: 06.04.2006 23:21
von 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?

Verfasst: 07.04.2006 14:56
von S2B
Hast du den Tipp von mir mit left: auto und right: auto auch schon getestet?

Verfasst: 08.04.2006 16:32
von Kermit
S2B hat geschrieben: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 ...

Verfasst: 08.04.2006 16:40
von Gast210225
Hallo,
mach mal aus dem ein 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

Verfasst: 10.04.2006 23:20
von 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?

Verfasst: 10.04.2006 23:36
von 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">