Div container?

[gola-noga]

hallöchen!

Bin grad am CSS und HTML lernen und treffe beim internet durchforsten doch immer wieder aus <div>- container oder so...

Was sind das genau? Was für ein Verwendungszweck? wie binde ich sie ein?

Habe schon gegooglet aber nix richtiges herausgefunden

Bitte antwortet mir,

Daniel B.

 

[Icy]

Man benutzt heutzutage <div>-Tags, um das allgemeine Seiten-Layout zu gestalten. Während der ein oder andere das gern mit Tabellen oder Frames macht, sollte man aber auf eine moderne, leichte und vorallem korrekte Gestaltung mit selbstdefinierten CSS-Blöcken (<div>s) arbeiten.
Im Grunde genommen sind dies also Felder, denen du bestimmte Eigenschaften zuweist (Breite, Höhe, Hintergrundfarbe / -bild, etc.).

So könnte beispielsweise ein simples Zweispaltenlayout mit Header aussehen (Sehr vereinfacht):

css:

#box {
 height: 500px;
 width: 500px;
 margin: auto;
}

#header {
 width: 500px;
 height: 150px;
}

#navi {
 width: 200px;
 height: 350px;
 float: left;
}

#content {
 width: 300px;
 height: 350px;
 float: right;
}

HTML:

<!-- Doctype, Head, etc. -->

<div id="box">
  <div id="header">
     HEADER
  </div>
  <div id="navi">
     NAVIGATION
  </div>
  <div id="content">
     INHALT
  </div>
</div>

<!-- Ende der HTML Datei -->

MfG Icy