Antworten auf deine Fragen:
Neues Thema erstellen

Seite hängt zu sehr am Browser

Alex1990

Noch nicht viel geschrieben

Hallo,

der Titel hört sich erst einmal unlogisch an, aber ich weiß leider nicht, wie ich es treffender formuliere ;)

Ich habe folgendes Problem: Ich habe eine Seite, die aus mehreren <DIV>'s besteht. Das sieht so aus: Großer Außenrahmen, darin schmaler Rahmen für Header, größerer höhere Rahmen für den Contentbereich und ein flacher Rahmen für den Footer. Nun habe ich das Problem, dass die Seite am unteren Ende des Hauptcontainers den Außenabstand nicht ändert. Ich habe bereits alles möglich mit margin probiert, aber es tut sich nichts. Der obere Abstand am Header lässt sich ohne Problem verändern, nur der untere geht einfach nicht. Hier sind mal ein Screenshot und der Code aus der CSS sowie der index.html.



HTML:
<body>           
  <!-- DIV-Container für Seitenaufbau -->           
  <div id="main">                           
    <!-- DIV-Container für Header -->                         
    <div id="header">                                                           
    </div>              
    <!-- DIV-Container für Navigation -->                            
    <div id="navi">  
    </div>        
    <!-- DIV-Container für Content Bereich -->               
    <div id="content">    
    </div>                              
    <!-- DIV-Container für Footer -->
      <div id="footer">
</div>     
    <!-- Ende DIV-Container Seitenaufbau -->            
  </div>
</body>

Code:
  /*-- Gesamter Bereich --*/
  body {
    background-color    :   rgb(183,183,183);
    text-align          :   center;
    height              :   100%;
    margin              :   0px;
  }
  
  /*-- Hauptbereich der Homepage --*/
  #main {
    border              :   1px solid white;
    margin-top          :   20px;
    margin-left         :   auto;
    margin-right        :   auto;
    margin-bottom       :   100px;
    width               :   800px;
    text-align          :   center;
    background-color    :   rgb(76,76,76);
  }
  
  /* Website Kopf */
  #header {
    background-image    :   url(../graphics/header.png);
    border-bottom       :   1px solid white;
    height              :   127px;
  }
  
  /* Head-Navigation */
  #navi {
    border-bottom       :   1px solid white;
    background-color    :   rgb(23,23,23);
    height              :   50px;
    width               :   800px;
  }
  
  /* Inhaltsbereich */
  #Content {
    margin-left         :   10px;
    margin-top          :   5px;
    margin-right        :   10px;
    margin-bottom       :   20px;
    width               :   755px;
    padding             :   10px;
    font-family         :   arial;
    color               :   white;
    font-size           :   11pt;
    float               :   left;
    line-height         :   1.4;
  }
  
    /* Fußzeile mit Disclaimer */
  #footer {
    font-family         :   tahoma;
    color               :   white;
    font-size           :   7.5pt;
    margin              :   20px;
  }
 

Alex1990

Noch nicht viel geschrieben

AW: Seite hängt zu sehr am Browser

Danke für die schnelle Antwort, aber leider hat das mit dem Padding bzw. Padding-Bottom nichts gebracht. Das Seitenende hängt immer noch direkt an der Statusleiste.
 

sokie

Mod | Web

AW: Seite hängt zu sehr am Browser

wenn du dem Body eine height von 100% gibst, hast du natürlich keinen platz mehr für ein padding-bottom.
Code:
body{
  height: 99%;
  padding-bottom: 1%;
}
 

Alex1990

Noch nicht viel geschrieben

AW: Seite hängt zu sehr am Browser

wenn du dem Body eine height von 100% gibst, hast du natürlich keinen platz mehr für ein padding-bottom.
Code:
body{
  height: 99%;
  padding-bottom: 1%;
}

Hm ich dachte das dein Vorschlag funktionieren würde, da er sich wirklich plausibel anhört, allerdings hat dieser auch nichts genützt .. :( Die Seite verschiebt sich im unteren Bereich keinen einzigen Pixel..
 

sokie

Mod | Web

AW: Seite hängt zu sehr am Browser

das ist seltsam. Bei meiner Testseite funktioniert das nämlich sogar im IE.
vielleicht postest du mal einen link zu der Seite?
 

sokie

Mod | Web

AW: Seite hängt zu sehr am Browser

gibt es überhaupt eine Notwendigkeit die Body height zu setzen?
ohne diese eigenschaft lässt sich die Seite unproblematisch mit den Margins am #main wie gewünscht darstellen.
 

Alex1990

Noch nicht viel geschrieben

AW: Seite hängt zu sehr am Browser

gibt es überhaupt eine Notwendigkeit die Body height zu setzen?
ohne diese eigenschaft lässt sich die Seite unproblematisch mit den Margins am #main wie gewünscht darstellen.

Ja, ich musste diese Eigenschaft einsetzen, da die Seite beim wechsel von Startseite, Das Projekt und Kurse auf Café und Presse immer ein paar Pixel nach rechts gesprungen ist. Warum das so war, weiß ich leider auch nicht. Mir wurde height:100%; setzen in einem anderen Thread (leider gelöscht) als Lösung geboten und somit war das Problem auch verschwunden.
 

sokie

Mod | Web

AW: Seite hängt zu sehr am Browser

das springen der Seite liegt am Scrollbalken der bei "kleinen" inhalten nicht angezeigt wird (wahrscheilich auf der Startseite der fall). da kann man mit body,html{height:101%;} abhilfe schaffen.
wenn das nur bei der Startseite der fall ist, könnte man das in dieser zB per inline-style anbringen, und in der css weglassen.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.528
Neuestes Mitglied
Links Stream es
Oben