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:

Beitrag von Kermit »

Das "margin: auto" allein funktioniert, das weis ich auch aus meiner Navigation, nur zusammen mit der kombination aus der CSS raus, also die ganze formatierung des Textes verursacht so ein Problem.
Wie füge ich da am besten den Baustein aus der CSS dazu?
Benutzeravatar
S2B
Ehemaliges Teammitglied
Beiträge: 3258
Registriert: 10.08.2004 22:48
Wohnort: Aachen
Kontaktdaten:

Beitrag von S2B »

Das ist im Prinzip relativ egal. Da das div nur einfach auf deiner Seite vorkommt, bietet sich eine ID-Definition an, eine Klasse wäre aber auch ok:

Code: Alles auswählen

#bottom {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right: 0px;
  position: absolute;
  [...]
}
Und dann im HTML-Code:

Code: Alles auswählen

<div id="bottom">dein Inhalt</div>
Gruß, S2B
Keinen Support per ICQ/PM!
Hier kann man meine PHP-Skripte und meine MODs für phpBB runterladen.
Benutzeravatar
Kermit
Mitglied
Beiträge: 522
Registriert: 03.04.2001 02:00
Wohnort: hinterm Mond
Kontaktdaten:

Beitrag von Kermit »

Heureka!!!!!!!!!! Es funktioniert. Besten Dank.

Irgendeiner von diesen Teilen muß es gewesen sein, die hatte ich noch nicht gemeinsam mit allen anderen:

Code: Alles auswählen

width: 100%;
  left: 0px;
  right: 0px; 
Das ganze sieht jetzt so aus, falls es noch wer braucht.

in der CSS

Code: Alles auswählen

#sp { color:#33FF33;
      width: 100%;
      text-align:center;
      margin-left:auto;
      margin-right:auto;
      left: 0px;
      right: 0px;
      position:absolute;
      bottom:0px;
      font-size:80%; } 
Der eingebaute Teil in der Index:

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>
Dann werde ich morgen alles einbauen gehen, für heute ist Schluß.
Besten Dank nochmal, daran habe ich jetzt klange rumgeknabert.
Antworten

Zurück zu „Coding & Technik“