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

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 24.04.2024 23:15 Benutzername: Passwort: Auto-Login

Thema: Hilfe Meine Navigation Scrollt mit -.-! vom 19.09.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hilfe Meine Navigation Scrollt mit -.-!
Autor Nachricht
Nyuxs
Threadersteller

Dabei seit: 24.08.2011
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mo 19.09.2011 18:05
Titel

Hilfe Meine Navigation Scrollt mit -.-!

 Antworten mit Zitat Zum Seitenanfang
Hallo ich habe folgendes Problem...

Ich hab mir quasi ne navigationsleiste gemacht mit div containern... das sieht dann ungefähr so aus
Code:
<div id="Divnav">

<div class="navin"><a href=xxx" id="xxx"> ​ </a>  </div> 
<div class="navin"><a href="xxx" id="xxx"> ​ </a>  </div> 
<div class="navin"><a href="xxx" id="xxx"> ​ </a>  </div> 
<div class="navin"><a href="xxx" id="xxx"> ​ </a>  </div>
<div class="navin"><a href="xxx" id="xxx"> ​ </a>  </div> 
</div>


Die stylesheets
Code:
@charset "utf-8";
.Divnav {
   background-attachment: fixed;
   background-repeat: no-repeat;
   text-align: center;
   height: 3%;
   width: 100%;
   position: fixed;
   visibility: hidden;
   left: 0px;
   top: 210px;
   right: 0px;
   border: thin ridge #0F0;
}


Code:
@charset "utf-8";
.navin {
   text-decoration: none;
   height: 100%;
   width: 20%;
   text-align: center;
   position: static;
   float: left;
   clear: none;
   background-attachment: fixed;
   
}


Bei den Divs steht noch eine Id .. hier der quelltext
Code:
a#xxx{
display:block;

background: transparent urlx(xxx.jpg) 0px 0px repeat;

}
a:hover#xxx{
   background-color: transparent;
   background-image: url(xxx.jpg);
   background-repeat: repeat-x;
   background-position: 0px 0px;
}


Also problem ... es scrolled mit... Position = fixed habe ich schon Probiert

Ok ... könnte auch sein das es nicht mitscrollt aber der banner ^^ *bäh*
Code:
<div id="banner" class="Banner1"></div>
Code:
#banner {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: -1000;
   background-position:top left right;
   background-size:auto;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 100px;
   font-style: normal;
   color: #0F0;
   text-decoration: blink;
   text-align: center;
}
Code:
@charset "utf-8";
.Banner1 {
   background-image: url(banner1.jpg);
   background-repeat: repeat;
   height: 20%;
   width: 100%;
   z-index: -100;
   border-top-color: #0F0;
   border-right-color: #0F0;
   border-bottom-color: #0F0;
   border-left-color: #0F0;
   position: fixed;
}


Kann mir wer helfen?=)

Zuletzt bearbeitet von Nyuxs am Mo 19.09.2011 18:13, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
Nyuxs
Threadersteller

Dabei seit: 24.08.2011
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mo 19.09.2011 19:15
Titel

Antworten mit Zitat Zum Seitenanfang
LÖSUNG


Also erstmal beim Banner lag das Problem ... alleinschon 2 stylesheets zu schreiben war dumm...

anstatt position fixed muss bei banner1 im stylesheet positioin absolute eingegeben werden so scrollt es mit


absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Vorfahrenelements, das nicht die Normaleinstellung position:static aufweist. Scrollt mit.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Dreamweaver CS3 Objekt scrollt mit...
[Flash] Scrolltext scrollt nicht :-(
[jQuery] SlideToggle | anderes Div scrollt nicht mit
JS - ein Element soll verschwinden, wenn ein anderes scrollt
[PHP, XML] Navigation...
CSS Navigation
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.

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