misterunknown: versachtelte Divs ausrichten

Beitrag lesen

Moin,

Ich habe: Einen Contentbereich, einen "breadcrumb" pfad bereich und ein Menu.
Das Menu soll links stehen. (feste Breite / flex. Höhe)
Der Contentbereich soll sich rechts vom Menu befinden. (flexible Breite / Höhe)
Der Breadcrumb über dem Contentbereich. (feste höhe / fley. Breite)
Das ganze soll in einen äußeren Container. (flex. Höhe und Breite)

Das ist doch ein Wort. Dann kannst du die Navigation links floaten, den content-div musst du margin-left geben, und zwar so breit (oder etwas breiter), wie die Navigation ist, und dem breadcrump-div gibst du eine feste Breite. Das wars.

<body>  
   <div id="navigation">  
      Navilinks  
   </div>  
   <div id="content">  
      <div id="breadcrump">  
         Krümel  
      </div>  
      weiterer Inhalt...  
   </div>  
</body>
#navigation {  
float:left;  
}  
#breadcrump {  
heigth: 30px;  
}

Wenn man dann noch ein paar andere Eigenschaften hinzufügt, dann kann das ganz ordentlich aussehen.

Grüße Marco