Wie kann ich meine Container bündig machen?

... komplette Frage anzeigen

2 Antworten

Eine Tabelle sollte lediglich zur Darstellung tabellarischer Daten verwendet werden, jedoch nicht zum Layouten (d)einer Website. Freunde dich mit dem CSS Boxmodel sowie dem Flexbox-Model (CSS3) an. Das Markup deiner Seite wie folgt aussehen könnte:

<header role="banner">
  <!--// header-content here -->
</header>
<main role="main">
  <aside class="sidebar">
    <nav role="navigation">
      <ul>
        <li><a href="#">item-1</a></li>
        <li><a href="#">item-2</a></li>
        <li><a href="#">item-3</a></li>
      </ul>
    <nav>
 </aside>
 <section class="primary">
   <!--// primary-content here! -->
 </section>
</main>
<footer role="contentinfo">
  <!--// footer-content here! -->
</footer>

Wenn die Navigation feststehen soll, diese lediglich aus dem Dokumentenfluss nehmen und fix an der linken Seite positionieren. Wie gesagt, freunde dich mit dem Box- und Flexbox-Model an. Vor allem mit der Display-Eigenschaft flex dein Layout schnell gestrickt ist. 

LG medmonk 

Antwort bewerten Vielen Dank für Deine Bewertung

Das geht am einfachsten mit dem CSS3 Flexbox Model, lass mal die komischen floats, clears und tables weg, das ist Webentwicklung aus der Steinzeit. Wie das mit Flexbox geht steht hier:  http://www.sketchingwithcss.com/samplechapter/cheatsheet.html#row

Hab die "Page" grad angeschaut, du hast noch viel Arbeit vor dir ^^

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von ichbinsmichi
21.10.2016, 17:35

Danke!

Ne, bin schon viel weiter, aber habe alles unwichtige aus dem Code entfernt, damit ihr mir im Codebeispiel evtl. besser helfen könnt.

Aber danke für deine Antwort!

0