Du bist nicht angemeldet.

1

Donnerstag, 2. Februar 2012, 18:23

2-Spalten-Layout

Ich möchte diese Aufgabe machen und weiß allerdings nicht, was mit einem 2-Spalten-Layout gemeint ist und wie es funktioniert.
Hier die Aufgabe: <!-- m --><a class="postlink" href="http://www.html-seminar.de/css-spalten-layout.htm">http://www.html-seminar.de/css-spalten-layout.htm</a><!-- m -->
Würde mich über Antworten freuen ;)

drPHIP132

Web-Profi

Beiträge: 1 204

Wohnort: Sachsen, im Erzgebirge

  • Private Nachricht senden

2

Donnerstag, 2. Februar 2012, 18:42

Re: 2-Spalten-Layout

huhu :)

hiereinmal der grobe Aufbau für dich


Quellcode

1
2
3
4
5
6
7
8
....
<body>
<header>das Bild kommt hierhin</header>
<nav>die Navigation muss Links gefloated werden mit css</nav>
<section>inhalt</section>
<footer>fußzeile</footer>
</body>
..&#46;

webmaster3000

hat Ahnung

Beiträge: 279

Wohnort: Irgendwo in Thüringen

Beruf: ehrenamtlicher Ubuntuuser

  • Private Nachricht senden

3

Donnerstag, 2. Februar 2012, 19:54

Re: 2-Spalten-Layout

Zwei-Spalten-Layout im Allgemeinen meint einfach, dass der eigentliche Inhalt und ein anderes Element (meistens die Navigationsleiste) nebeneinander, also in zwei Spalten angezeigt werden.

Und um die Elemente header, nav, section und footer benutzen zu können, musst du den HTML5-Doctype benutzen. Möchtest du das nicht, nimm einfach

Quellcode

1
<div id="header">

usw.

Hoffe, ich konnte helfen,
webmaster3000