Deus Figendi: Seite an Bildschirmauflösung anpassen

Beitrag lesen

SELF-Forum

Seite an Bildschirmauflösung anpassen

Deus Figendi
– Informationen zu den Bewertungsregeln

OK, dann mal anders gefragt.

Aus deinen Fragen schließe ich, dass du Anfänger bist, lies dich in das CSS-Kapitel von selfHTML ein, es wird dich erleuchten :)

Wie schaffe ich es, dass mein Layout (sprich Banner...) im Bildschirm stehen bleibt und sich nur der Rest bewegt, ohne Frames oder iframes zu verwenden?

position: fixed
Beispielcode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
 <head>  
  <title>Position fixieren</title>  
  
  <style type="text/css">  
   #banner {  
    position:fixed;  
    top:0;  
    background-color:#123456;  
    height:100px;  
    width:100%  
   }  
   body{  
    padding-top:150px;  
   }  
   body p {  
    width:100px;  
    height:1000px;  
    background-color:#654321;  
   }  
  </style>  
 </head>  
 <body>  
  <h1 id="banner">Das Banner</h1>  
  <p>  
   Blindtext... zum Ausprobieren mit viel Inhalt fuellen.  
  </p>  
 </body>  
</html>

Wie funktioniert es, meine Navigation links oder rechts immer neben meinem restlichen Inhalt zu haben, wenn dieser so lang ist, das der Benutzer, ewig nach unten scrollen muss?

Genauso ^^
Positioniere die Navigation "fixed" am linken oder rechten Rand und rücke alle Inhalte entsprechend ein.
Dabei allerdings kannst du Probleme mit sehr kleinen Displays bekommen...

(Bis jetzt konnte ich sie nur fixieren

Ach du kennst das Stichwort!? :)

Wie schaffe ich es, dass der Bereich meiner Seite, auf der sich der Inhalt befindet, eine andere Hintergrundfarbe hat, wie der Rest, ohne eine Tabelle zu erstellen, in der ich eine andere Hintergrundfarbe einstellen kann, oder ohne iframes, die ja auch eine andere Hintergrundfarbe haben können?

Die Frage ist irgendwie derart trivial, dass ich es schwierig finde sie zu beantworten.
Also du kannst jedem sichtbaren Element einen Hintergrund zuweisen, ob Hintergrundfarbe oder Hintergrundgrafik.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
 <head>  
  <title>Hintergruende</title>  
  
  <style type="text/css">  
   body {  
    background-color:#FDB;  
   }  
  
   div {  
    background-color:#AAA;  
    width:400px;  
    height:400px;  
    margin-left:1em;  
   }  
  
   p {  
    background-color:#CDE;  
    width:300px;  
    height:200px;  
    margin-left:1em;  
   }  
  
   span {  
    background-color:#248;  
    margin-left:1em;  
   }  
  </style>  
 </head>  
 <body>  
  <div>  
   <p>  
    <span>Beispieltext</span>  
   </p>  
  </div>  
 </body>  
</html>

Aber wie gesagt, du solltest dich in die Thematik "CSS" einfach mal einlesen, ist nicht besonders schwer.

--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(
Beitrag melden
–
Informationen zu den Bewertungsregeln