zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hintergrundbild fixieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.01.2013, 15:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.10.2012
Beiträge: 3
Cueball befindet sich auf einem aufstrebenden Ast
Standard Hintergrundbild fixieren

Hey Leute,

also meine Homepage ist fast fertig also in der Offlinefassung. Doch ich habe ein großes Problem.

Und zwar ich habe den Hintergrund fixiert, der Text geht über das Hintergrundbild und läuft weiter auf einem schwarzen Hintergrund (der ist nicht eingestellt) und jetzt wenn ich scrolle bleibt das Hintergrundbild stehen und der Text geht hoch mit dem schwarzen Hintergrund der unter dem Hintergrundbild ist.

Doch damit wird das Hintergrundbild verdeckt und das soll ja nicht der fall sein. Genauso ist es auch das Problem mit dem Header Bereich und somit die Navigation. Die Navi soll die ganze Zeit sichtbar sein doch wenn ich scrolle geht der Navi-Bereich aus dem sichtbaren Bereich raus. Anbei sind die Codes dabei.

CSS-Code
Code:
@charset "utf-8";
/* CSS Document */
/*
         Schreibweisen von Dateinamen:
         Entweder:
         mit Tiefstrich einzelne Bereiche trennen, z.B:
         meine_erste_seite.html

         oder - Camel Case Schreibweise:
         meineErsteDatei.html

 */



html, body {height: 100%;, width: 100%; background-color: #000;}

* {
margin: 0;
padding: 0;
border: 1;
font-family: Verdana, sans-serif;
}


body {
     background: url(images/neuhomepagebackground.jpg) no-repeat fixed center center ;
     width: 1620px;
     min-height: 1200px;
     margin: 0 auto;
     background-position: 160px 250px;
     overflow: auto;
}

div#wrapper {
        width: 1090px;
        margin: 0 auto;
}


/* Header */

div#header {
    width: 100%;
    height: 250px;
    background: transparent url(images/diabolicabanner.jpg) no-repeat 0 0;
    position: relative;
}

div#navi
 {
 position: absolute;
 bottom: 10px;
 right: -30px;
 font-size: 0.9em;
 font-weight: bold;
 }

div#navi ul
 {
 list-style-type: none;
 }

div#navi li
 {
 float: left;
 margin-left: 5px;
 }
/*
 div#navi li li {
         float: none;
 }
*/
div#navi a
 {
 display: block;
 padding-top: 19px;
 width: 140px;
 height: 35px;
 background-image: url(images/button3.png);
 color: #F00;
 text-decoration: none;
 text-align:center;
 }

div#navi a:visited
 {
 color: #F00;
 }

div#navi a:hover
 {
 color: #F00;
 }


div#navi ul.subnavi {
         display: none;
         position: absolute;
}

div#navi ul li:hover ul.subnavi {
         display: block;
}




div#wrapcontent {
     width: 830px;
     padding: 40px 130px;
     overflow: hidden;
     }


  p.rot {
     color: #FF0000;
     bottom: 50px;
     margin: 0 auto;
     width: 350px;
  }
  p.einzug {
     text-indent: 60px;
     }
HTML Code
Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
        <link rel="stylesheet" href="style.css" type="text/css" media="all" />
      <title>
      </title>
    </head>

 <body>
 <div id="wrapper">
         <div id="header">

                  <div id="navi">
                         <ul>
                                  <li><a href="index.html">Eingangshalle</a></li>
                                  <li><a href="aboutus.html">Die Diablos</a>
                                    <ul class="subnavi">

                                        <li><a href="aboutus.html">Über uns</a></li>
                                        <li><a href="rules.html">Regeln</a></li>
                                        <li><a href="member.html">Member</a></li>
                                      </ul>
                                  </li>
                                  <li>
                                         <a href="solicitation.html">Bewerbung</a>
                                       <ul class="subnavi">

                                         <li><a href="search.html">Wir suchen</a></li>
                                         <li><a href="form.html">Formular</a></li>
                                      </ul>
                                  </li>
                                  <li><a href="/forum">Forum</a></li>
                                  <li><a href="#">Teufelsbuch</a></li>
                                  <li><a href="#">Facebook</a></li>
                         </ul>
                  </div><!-- END #nav -->
         </div>
          <div id="wrapcontent"><center>

<h3><u><font color="#ff0000">Unsere Gildenregeln!!</font></h3></u><br>
<font size="2">Diese mögen vielleicht etwas viel wirken, aber vieles was
selbstverständlich sein sollte wurde hier noch einmal mit einbezogen!<br></font>
<br>
<br>
§1. Alle Regelungen sind für die Gilde und deren Mitglieder da.Die Gildenleitung ist berechtigt, nach sorgfältiger Abwägung
 der Konsequenzen, Ausnahmen zum Wohle der Gilde zu definieren.<br>
<br>
§2 <font color="#ff0000">Exploits, Hacks und Betrügereien</font> werden nicht gestattet und führen zu sofortigem Ausschluss
 aus der Gilde.<br>
<br>
§2.1 Random-Runs in denen du massive <font color="#ff0000">Exploits/Hacks</font> bemerkst solltest du abbrechen. Es dient nur
 zur eigenen Sicherheit.<br>
<br>
§2.3 Der An- und Verkauf von <font color="#ff0000">PSC</font> sowie sonstige <font color="#ff0000">AGB-Verstöße</font> sind
 nicht gestattet und führt dazu das ihr aus der Gilde ohne vorwarnung gekickt werdet. <font color="#ff0000">Flames</font> im
  Worldchat sind grundsätzlich nicht zu unterstützen wenn Sie gegen Spieler gerichtet sind, die sich nicht wehren können,
   weil sie nicht anwesend sind oder bekannt ist das diese Spieler körperliche Beinträchtigungen haben usw.Flames die das
    <font color="#ff0000">Realleben</font> betreffen sind generell zu unterlassen und man sollte sich auf dieses Niveau nicht
     herrunterziehen lassen.<br>
<br>
§3 Gildenmitgliedern sollte Hilfe gewährt werden.<br>
<br>
§4 Die Gildenleitung besteht aus dem Gildenleiter (§4.1) sowie vier Gildenräten (§4.2).<br>
<br>
§4.1. Der Gildenleiter leitet die Gilde in allen Angelegenheiten. Er besitzt absolute
 <font color="#ff0000">Entscheidungsgewalt</font>.<br>
<br>
§4.2. Desweiteren besteht die Gildenleitung aus Mitgliedern des Gildenrates die vom Gildenleiter bestimmt
werden. Die Gildenräte haben den Gildenleiter sowohl in beratender, als auch ausführender Weise zu unterstützen.<br>
<br>
§5 Gildenmitglieder haben die Möglichkeit ihre Zweit-Charaktere in die Twink Gilde inviten zu lassen.
Dabei sind nur aktiv gespielte Charaktere zur Aufnahme berechtigt.<br>
<br>
§5.1. Zweit-Charaktere in anderen Gilden sind <font color="#ff0000">nicht</font> gestattet.<br>
<br>
§6 Jedes Mitglied <u>muss</u> einen Foren-Account haben um sich <i>regelmäßig</i> über aktuelle Gildenangelegenheiten zu
 informieren.<br>
(Der Foren-Account sollte genau so Bezeichnet sein wie der Char name)<br>
<br>
§7 Die Probezeit beträgt mindestens <u>3</u> Wochen in die der Trial von seiner Aktivität sowie Mitarbeit und Respektformen,
dazu zählt auch "Hallo" und "Tschüss" sagen, die Gilde überzeugen muss!
Die Entgültige Aufname des Members liegt bei der Gildenleitung sowie Gildenrat.
Weitere Regeln weiter unten!<br>
<br>
§8 Deine Gilde braucht dich und <u>du</u> brauchst deine Gilde. Nur weil ein Worldboss oder eine Instanz dir<br>
persönlich nichts bringt, heißt das nicht, dass du dich an entsprechenden Farmruns nicht beteiligen brauchst,<br>
denn auch Du möchtest die <font color="#ff0000">Unterstützung</font> Deiner Gilde, wenn es daran geht etwas für Dich zu farmen.
<br>
<br>
§8.1 Fails kann jedem passieren. Also mach dich nicht über andere lustig auch du könntest davon mal betroffen sein!
<br>
<br>
§8.2 Freitags sind Initage. Start ist um <u>20:00</u> Uhr. Die Anmeldung zu den Inis erfolgt für Trials per Ingame-Post (Briefkasten)<br>
an den Gildenleader und für Member über das Forum.<br>
<br>
§8.3 An Initagen herrscht Inipflicht. Das bedeutet, dass jeder der online ist,<br>
an den Gildeninitag <i>teilnehmen muss</i>. An anderen Tagen können auch Inis statt finden,<br>
deren Teilnahme allerdings <font color="#ff0000">freiwillig</font> ist.<br>
<br>
§8.4 Iniläufe werden von <u>Kakiihara</u> geleitet.<br>
Der Leiter ist in allen Iniangelegnheiten weisungsbefugt.<br>
Er hat auch die Regeln des <u>Lootvorgangens</u> zu entscheiden.<br>
<br>
§8.5 Alle Mitglieder haben mit Ihrer Hauptklasse am Initag teilzunehmen.<br>
Es sei den es wird mit <u>Kakiihara</u> anders abgesprochen und es ist möglich.<br>
<br>
§8.6 <font color="#ff0000">Wenn der Tank stirbt ist der Heiler schuld, wenn der Heiler stirbt ist der Tank schuld,<br>
     wenn sonst wer stirbt isser selbst schuld also gemeckert wird nicht^^.</font><br>
<br>
§8.7 Bei Iniläufe ist das <u>TS Pflich</u>t.Wer demnach einem Raidchannel beitritt wartet bitte kurz bevor er grüßt<br>
Damit die jeweilige Aktion die gerade läuft auch funktioniert!
<br>
<br>
§9 Solltet Ihr mehr als <i>20</i> Tage nicht Online gewesen sein und im Forum so wie beim Gildenleiter<br>
/ Gildenrat keine abmeldung stattgefunden haben werdet ihr aus der Gilde <font color="#ff0000">ausgeschlossen</font>.<br>
<br>
§10 Der Gildenrat ist für das Werben von neuen Mitgliedern,<br>
Bewertung der Bewerbungen sowie Gespräche mit Kanditaten verantwortlich.<br>
Außerdem berät es die Gildenleitung bei der Vergabe einer Vollmitgliedschaft.<br>
Der Gildenrat wird von der Gildenleitung ernannt.<br>
<br>
§11 <i>Gildenrunen</i> werden immer Bedarft und der Gilde gespendet.<br>
<font color="#ff0000">Rohstoffe so wie Gold sollte der Gilde freiwiliig zugute kommen.</font><br>
Da noch einige Ausbauten in der Gildenburg vorgenommen werden müssen.<br>
<br>
§12 In der Gildenburg befinden sich Monsterkarten die für <u>1/4</u> des AH Preises der Gildeabgekauft werden können.<br>
<font color="#ff0000">Das Gold wird in die Gilde gespendet.</font><br>
<br>
§13 Fertigungsrunen (Mischen-Runen, Entzauberungs-Runen, Verbinden-Runen,<br>
Aktivierungs-Runen, Kälte-Runen, Reiniguns-Runen) Werden in der Gildenburg gesammelt.<br>
<br>
§13.1 Alchemie -Mischen
Kochen -Aktivieren
Rüstungsschmied -Reinigen
Schmiedehandwerk -Kälte
Schneiderei -Entzaubern
Schreinerei -Verbinden<br>
<br>
§14 <font color="#ff0000">Belagerungskrieg ~ TS3 ist Pflicht Wir nehmen Söldner auf aber<br>
    wir werden nicht in anderen Gilden Söldnern gehen.!</font> <br>
<br>
§15 Für die Trials geht: <font color="#ff0000">Wenn ihr Equip braucht gehen Fullmember vor<br>
Solltet ihr Stats benötigen die man NICHT von Mementos ziehen kann gehen auch hier unsere Fullmember vor</font>.<br>
<br>




           </div><!-- END #wrapcontent -->
           <div id="footer"></div>

</div><!-- END #wrapper -->

 </body>
</html>

Ich hoffe ihr könnt mir helfen. Bin schon seit Wochen am verzweifeln und komme nicht weiter. Google kann mir leider auch nicht helfen .

Cueball
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.01.2013, 18:00
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 15.01.2011
Beiträge: 123
Barodscheff befindet sich auf einem aufstrebenden Ast
Standard

Hi,

wenn ich das richtig sehe hast du bei der navi position:absolute verwendet.
Wenn die Navi immer sichtbar sein soll solltest du position:fixed nutzen.

Viele Grüße
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.01.2013, 18:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.10.2012
Beiträge: 3
Cueball befindet sich auf einem aufstrebenden Ast
Standard

Hi Barodscheff,

mit der Position fixed gebe ich dir indirekt recht.... damit wird zwar die navi fixiert aber nicht die hintergrundgrafik vom Header weil die navigationsbuttons liegen auf dem Header.... und das andere Problem ist wenn jmd mit einer anderen Auflösung (als ich selbst) sich die Seite anschaut ist es total verschoben ... Gibt's dazu vielleicht eine Möglichkeit das es immernoch "flexibel" ist aber dennoch fixiert?
Viele Grüße

Geändert von Cueball (08.01.2013 um 18:36 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 08.01.2013, 18:38
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 15.01.2011
Beiträge: 123
Barodscheff befindet sich auf einem aufstrebenden Ast
Standard

Hallo nochmal,

das Problem ist so schwer zu verstehen und zu lösen.
Der Code ist ziemlich lang und du hast ja z.B. auch bei der Unternavi Position:absolute stehen.

Kannst du das ganze nicht schonmal auf der Server laden und hier den Link freigeben? Dann könnte man die Seite mit Firebug ganz einfach inspizieren und das Problem lösen. Alternativ kannst du das Problem z.B. bei tinkerbin.com nachbauen und hier den Link durchgeben.

Dann wird dir auch sicherlich geholfen.

Wenn das mit dem Hochstellen gerade nicht geht kannst du mir die HTML und CSS Datei auch per PN oder so zuschicken und ich gucke mir es an.

LG
Mit Zitat antworten
Antwort

Stichwörter
fixed, fixieren, fixiert, hintergrundbild

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hintergrundbild in zentriertem div positionieren und fixieren anutoshen CSS 13 25.04.2010 12:37
Hintergrundbild fixieren in TEXTAREA - wie am besten? Boris CSS 2 06.07.2008 16:34
Tab Hintergrundbild oben und unten fixieren KnoRke CSS 1 07.06.2006 10:00
Hintergrundbild fixieren, aber inhalt scrollen rezei CSS 61 04.11.2004 18:02
Hintergrundbild fixieren im IE 6 mit style-Anweisung mamima3 CSS 1 10.08.2003 22:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:02 Uhr.