Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.10.2011 um 18:19 (UTC)    
Titel: Obere Navigation korrekt platzieren

Hallo

Meine Frage lautet so:

Wie kann ich meine Navigation so platzieren dass sie sich bei mehreren unterschiedlichen Auflösungen nicht VERSCHIEBT sondern das sie immer auf derselben Stelle stehen bleibt???!!??

Über Hilfe würde ich mich freuen Very Happy

Lg www.rainbow-gfx.de.tl
Beitrag26.10.2011 um 18:25 (UTC)    
Titel:

Am besten schaust du dir mal das an:
http://www.thestyleworks.de/tut-art/centerblock.shtml

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag26.10.2011 um 18:32 (UTC)    
Titel:

Du gibst erst dem Element den Wert position: absolute; und den Wert left: 50%;. Damit "beginnt" immer in der Mitte des Bildschirms. Als nächstes gibst du dem Element einen negativen margin-left wert. Durch den negativen Wert (d.h. Minuswert) geht das Element wieder zurück nach links. Der negative Wert muss genau halb so weit wie das Element sein, damit es sich mittig platziert.

Ein Beispiel:
Code:
element{
width: 800px; /* Weite */
position: absolute;
left: 50%;
margin-left: -400px;} /* Hälfte der Weite des Elementes */


Grüße
Beitrag26.10.2011 um 19:07 (UTC)    
Titel: Gelöst!!!

4i hat Folgendes geschrieben:
Du gibst erst dem Element den Wert position: absolute; und den Wert left: 50%;. Damit "beginnt" immer in der Mitte des Bildschirms. Als nächstes gibst du dem Element einen negativen margin-left wert. Durch den negativen Wert (d.h. Minuswert) geht das Element wieder zurück nach links. Der negative Wert muss genau halb so weit wie das Element sein, damit es sich mittig platziert.

Ein Beispiel:
Code:
element{
width: 800px; /* Weite */
position: absolute;
left: 50%;
margin-left: -400px;} /* Hälfte der Weite des Elementes */


Grüße



Super vielen Dank.
Es hat herrvorragend funktioniert.
Gut erklärt.

Schönen Abend noch Very Happy
Beitrag26.10.2011 um 19:12 (UTC)    
Titel:

Dann vielen Dank an 4i und Dankeschön für die Rückmeldung.

-CLOSED-, da erledigt.

mfg philipp
______________
Forenregeln, FAQ, Suchfunktion
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de