Du bist nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: HTML, CSS und PHP Forum - HTML Tutorial. Falls dies dein erster Besuch auf dieser Seite ist, lies bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

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 ;)

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: 278

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