• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

DIVS schießen hinaus,

Elvorat

Neues Mitglied
Hi Leute,

ich bin langsam am Verzweifeln.

Das einzige was ich im Prinzip will, ist nich viel verlangt ^^
Ich will nur, dass mein Menü links, einfach nur den Platz bis unten hin ausfüllt. Mit height 100% geht es irgendwie nicht, es schießt drüber hinaus.

Code:
<style type="text/css">
#top
 { width: 100%;
   height: 174px;
   min-width: 1024px;
   overflow: auto;
   background-color:#CCCCCC;
   }
   
   
 #topleft 
 { width: 424px;
   height: 174px;
   background-color:#996633;
   float:left;
 }  
 
 #topright
 { width: 481px;
   height: 174px;
   background-color: #009999;
   float:right;
 }  
 
 
 #menu
 {
   width: 239px;
   height: 500px;
   background-color: #0033CC;
   position:absolute;
   top: 174px;
   left: 0px;
   
   } 
   
 #menutop
  { height: 162px;
   background-color:#000033;
   }
  
  
  #menubottom
  {
    height: 96px;
    width: 239px;
    background-color: #CCCC66;
    vertical-align:bottom;
    position:absolute;
    bottom: 0px;
    left: 0px;
    
    }
    
    

     
 body
 { margin: 0;
 }

</style>
</head>

<body>

<div id="top">
    <div id="topleft">       </div>
    <div id="topright">     </div>
</div>

<div id="menu"> 
    <div id="menutop">     </div>
    <div id="menubottom"></div>
</div>
 

</body>
</html>
Warum ich die Page so aufbaue? Damit die auf allen Größen und Auflösungen flexibel ist. ich zeig euch ma noch kurz, wie es aussieht, und wie ich es gerne hätte.

SO ist die:
6c94ruiw7lnl.jpg


So will ich die:
5iinar8mmxy8.jpg


Oh man hoffentlich könnt ihr mir weiterhelfen:)

Danke euch
 
Bei height 100% musst du nach dem CSS-Boxmodell noch die 174px für den oberen Bereich hinzurechnen. Damit ist die Seite dann 100% + 174px hoch und folglich größer als das Bildschirmfenster.

Versuch's mal nach diesem Prinzip, indem du die unteren Grafiken in den Footer einbindest: Footer immer unten anordnen
 
Warum ich die Page so aufbaue? Damit die auf allen Größen und Auflösungen flexibel ist.
Das Erstellen von Websites hat rein gar nichts mit der Auflösung zu tun. Die begrenzt den verfügbaren Platz für Deine Seiten zwar nach oben hin, wird aber in aller Regel nie erreicht und oftmals sogar weit unterschritten.
 
Zurück
Oben