Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.11.2009 um 05:45 (UTC)    
Titel: CSS: Coolmenü verschiebt sich bei versch. Auflösungen

Hi Leute...

...ich hab ein Coolmenü eingebaut und ein anderer User schrieb mir, dass es sich bei größerer Bildschirmauflösung bewegen würde..

ER sagte, dass ich dem Coolmenü eine Position zuweisen müsste^^

<!-- Anfang des Scriptes -->
<script type="text/javascript"> <


Wie weise ich denn dem Teil eine feste Stelle zu????

Helft mir Embarassed


Zuletzt bearbeitet von edogawa am 12.11.2009, 22:42, insgesamt 2-mal bearbeitet
Beitrag12.11.2009 um 18:45 (UTC)    
Titel:

Am besten entfernst du ( position:absolute; )

Deine Klasse :

Code:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 280px;
left: 100px;
width:800px; }


So sollte es sein:

Code:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
z-index: 3;
margin-top: 280px;
margin-left: 100px;
width:800px; }


positioniere mit ( margin )

Arrow margin-top: ?px;
Arrow margin-left: ?px;
Arrow margin-right: ?px;
Arrow margin-bottom: ?px;
Beitrag12.11.2009 um 21:42 (UTC)    
Titel:

Hi,
der Fehler liegt daran,
dass du einen falschen Positionierungscode verwendest...
Dein Code ist nur für Designs geeignet, die nicht zentriert sind.

Deshalb musst du deinen Code:
Zitat:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 280px;
left: 100px;
width:800px; }
In folgenden Code umwandeln,
damit die Positionierung immer gleich ist:
Zitat:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 280px;
left: 50%;
margin-left: -400px;

width:800px; }
Bei "margin-left" positionierst du dann das Coolmenü neu...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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