mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 10:23 Benutzername: Passwort: Auto-Login

Thema: [CSS] position:fixed zentrieren? vom 02.03.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] position:fixed zentrieren?
Autor Nachricht
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 02.03.2007 14:31
Titel

[CSS] position:fixed zentrieren?

Antworten mit Zitat Zum Seitenanfang

Hallo!

Ich muss ein Element (Menü) an den unteren Rand bringen. Das habe ich mir am besten über position:fixed vorgestellt. Nur kann ich das Element nun nicht zentrieren?! Hängt das mit "fixed" zu tun? Wie mache ich das dann am blödsten?

Wenn ihr Code braucht zusätzlich bitte schreiben!

LG
Smooth
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kraat

Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht: Männlich
Verfasst Fr 02.03.2007 14:47
Titel

Antworten mit Zitat Zum Seitenanfang

En bisschen Code ist nie schlecht.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 02.03.2007 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

bottom: 0;
left: 50%;
margin-left: -400px; /* Hälfte des Wertes die das Element breit ist */
position: fixed;
width: 800px;
  View user's profile Private Nachricht senden
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 02.03.2007 15:39
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<div id="menu">
   <div id="mainmenu">
    <img src="bilder/space_left.gif" border="0" alt="_" /><a href="index.php"><img src="bilder/intro.gif" border="0" alt="intro" /></a><a href="vorwort.php"><img src="bilder/vorwort.gif" border="0" alt="vorwort" /></a><a href="galerie.php"><img src="bilder/galerie.gif" border="0" alt="galerie" /></a><!--a href="#"><img src="bilder/informationen.gif" border="0" alt="informationen" /--></a><a href="impressum.php"><img src="bilder/impressum.gif" border="0" alt="impressum" /></a><img src="bilder/space_right.gif" border="0" alt="_" />
   </div>
  </div>



CSS:
Code:
#menu {
   position: fixed;
   bottom: 0px;
   margin-left: 50%;
   height: 28px;
   width: 669px;
}

#mainmenu {
   position: fixed;
   margin-left: -335px;
}


So habe ich es bis jetzt gelöst. Also ähnlich der Methode wie beeviZ gesagt hatte, leider stimmt es so aber nicht!
Verstehe ich das richtig, dass ich das dann nicht mit margin-left: auto; usw zentrieren kann aufgrund des position: fixed ?

Noch eine Frage: Kann IE 7 inzwischen position:fixed interpretieren?


Vielen Dank!

LG
Smooth-graphics
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 02.03.2007 16:03
Titel

Antworten mit Zitat Zum Seitenanfang

ja, kann er.


#menu {
position: fixed;
bottom: 0px;
left: 50%;
height: 28px;
width: 669px;
margin-left: -335px;
}

#mainmenu {
text-align: center;
}
  View user's profile Private Nachricht senden
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 02.03.2007 19:05
Titel

Antworten mit Zitat Zum Seitenanfang

Okay. Jetzt funktionierts. Und auch im IE. Der hat mir vorher (bevor "text-align: center" stand) das Menü komplett aus dem Seitenbereich geschmissen <-- Schuld! * grmbl *

Noch ne Frage: Und zwar habe ich einen text im <div> mit fester Größe. Wenn der text länger wird als die Höhe des div's sollte dies doch durch overflow:auto; behebbar sein. Im FF und Opera geht es auch, nur im IE wird zwar ein Scrollbalken angezeigt aber der Hintergrund wird mit gescrollt und bleibt nicht dort an seiner Position.

zum anschauen: hier

vielen dank!

smooth
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] IE8 mit :after und position:fixed nicht wirklich fixed
Zentrieren & Fixed im IE
[CSS] position:fixed und der IE
Position fixed
IE6 und position:fixed
position fixed im IE7 und eventuell IE6
Neues Thema eröffnen   Neue Antwort erstellen
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.