mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 04.12.2024 00:59 Benutzername: Passwort: Auto-Login

Thema: Div Element Zentrieren vom 15.12.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Div Element Zentrieren
Seite: 1, 2  Weiter
Autor Nachricht
Faune
Threadersteller

Dabei seit: 05.03.2008
Ort: Bielefeld
Alter: 37
Geschlecht: Männlich
Verfasst Mi 15.12.2010 00:41
Titel

Div Element Zentrieren

 Antworten mit Zitat Zum Seitenanfang
Bevor man hier meckert - ja ich habe mir die anderen Beiträge durchgelesen und die haben mir nicht weitergeholfen

Habe ein div Element das ich über alles mittig unten ausrichten will.

Code:
<div style="position:fixed; bottom:0px;"><img src="images/bottom.png" /></div>


mit text align hatte ich kein Erfolg und eine extra Css Datei hat auch irgendwie nicht funktioniert
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Zim

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Mi 15.12.2010 02:58
Titel

Antworten mit Zitat Zum Seitenanfang
Lächel

Also pack es ruhig in ne extra Datei, das hat den Fehler nicht hervorgerufen.

z.b.

Code:
.footer {
position:fixed;
bottom:0px;
width:100%;  /* du musst width vergeben*/
text-align:center; /* dann klapps auch mit text-align ;-)*/
}


Zuletzt bearbeitet von Zim am Mi 15.12.2010 03:01, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Faune
Threadersteller

Dabei seit: 05.03.2008
Ort: Bielefeld
Alter: 37
Geschlecht: Männlich
Verfasst Mi 15.12.2010 05:41
Titel

Antworten mit Zitat Zum Seitenanfang
Funktioniert immer noch nicht (wird oben links angezeigt)

Direkt unter body
Code:
<div class="footer"><img src="images/bottom.png"/></div>



CSS
Code:
.footer {
position:fixed;
bottom:0px;
width:100%; 
text-align:center;
}


Zuletzt bearbeitet von Faune am Mi 15.12.2010 05:42, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 36
Geschlecht: Männlich
Verfasst Mi 15.12.2010 08:24
Titel

Antworten mit Zitat Zum Seitenanfang
Leider wissen wir nicht wie der restliche Aufbau der Seite aussieht Glaskugel -
Benutzt du einen "wrapper" ?
Wenn ja vergibst du diesem position:relative; und packst den Footer auch hinein, dann ist dieser wie der Rest der Webseite zentriert * Keine Ahnung... *

Wie gesagt, es wäre gut wenn wir den gesamten <body> Code sehen könnten.

Zuletzt bearbeitet von SimonDerDude am Mi 15.12.2010 08:25, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 15.12.2010 08:49
Titel

Antworten mit Zitat Zum Seitenanfang
Ein Blockelement soll mittig gesetzt werden.
Dazu gibt es bereits ganz ganz viele Threads.

Hier die Lösung:

Code:
div#footer{
   width: 400px; /* eine Breite ist zwingend notwendig um ein margin: auto zu vergeben */
   margin: 0 auto; /* hier wird das Element auto mittig gesetzt.*/
   text-align: center; /* das hat nur mit den Textelementen im DIV hier zu tun */
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dcn

Dabei seit: 20.08.2008
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Mi 15.12.2010 09:18
Titel

Antworten mit Zitat Zum Seitenanfang
Smooth-Graphics hat geschrieben:
Ein Blockelement soll mittig gesetzt werden.
Dazu gibt es bereits ganz ganz viele Threads.

Hier die Lösung:

Code:
div#footer{
   width: 400px; /* eine Breite ist zwingend notwendig um ein margin: auto zu vergeben */
   margin: 0 auto; /* hier wird das Element auto mittig gesetzt.*/
   text-align: center; /* das hat nur mit den Textelementen im DIV hier zu tun */
}


wobei ich -wie schonmal in einem anderen Thread angesprochen- glaube das die Angabe auto beim IE6 zickt. Abhilfe würde folgendes schaffen:
Code:
div#footer{
   width: 400px;
   left: 50%;
   margin: 0 -200px;
   text-align: center;
}


Zuletzt bearbeitet von dcn am Mi 15.12.2010 09:19, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 36
Geschlecht: Männlich
Verfasst Mi 15.12.2010 09:27
Titel

Antworten mit Zitat Zum Seitenanfang
dcn hat geschrieben:


wobei ich -wie schonmal in einem anderen Thread angesprochen- glaube das die Angabe auto beim IE6 zickt.


nein das geht wunderbar. nur im quirks-mode macht der 6er da probleme
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Faune
Threadersteller

Dabei seit: 05.03.2008
Ort: Bielefeld
Alter: 37
Geschlecht: Männlich
Verfasst Mi 15.12.2010 15:54
Titel

Antworten mit Zitat Zum Seitenanfang
Evt macht das jetzt ein Freund von mir - er meinte wenn man fixed angibt kann das nicht funktionieren. Werde sein Ergebnis posten.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Bilder OHNE feste Größe in Block-Element vertikal zentrieren
über css ein Element nach definiertem Element ansprechen
DIV-Element strecken
Element fällt vom Bildschirmrand
CSS: element in klasse ansprechen.
CSS-Element zentral positionieren
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB