3-teiliges CSS Layout mit Navigation mittig

Computer: Software & Programmierung HTML & CSS
#1

Hallo,
beim rumsuchen hab ich bisher nur CSS-Layouts gefunden, bei denen links und rechts eine Box ist und in der Mitte der Freitext steht. Jetzt bin ich aber auf die Seite http://www.fwg-heidesheim-wackernheim.de/ gestossen.

Dort ist links ein Bild, in der Mitte ein Navigationsteil und rechts der Haupttext, der noch dazu einen eigenständigen Scrollbalken hat. Wenn ich mir den Quellcode anschau, sieht das ganze sehr stark nach CSS-Layout aus. Allerdings kenn ich mich mit der Materie noch zu wenig aus, da ich bisher mit Frameset und Tabellen arbeite (veraltet, ich weiß…).

Hat jemand für mich ein Layout Beispiel, das ähnlich aufgebaut ist wie die Seite oben? Jenes ist leider von ner Agentur und somit dürfte es schwer sein, an den Quellcode zu kommen. Ich würd aber sehr gerne einen ähnlichen Aufbau für ein neues Projekt realisieren.

Danke für eure Hilfe!

#2

Hallo Henrik,

das ist in der Tat ein ganz „normales“ 3-spaltiges Layout mit CSS. Die Textbox rechts hat das Attribut „Overflow“ für den Scrollbalken bei größeren Texten. Allerdings wird hier der Scrollbalken selbst mit JavaScript erstellt (daher das „unübliche“ Aussehen).

Templates findest du jede Menge wenn du bei Tante Google nach „CSS 3-spaltig“ suchst, auch im „alten Testament“ wirst du fündig: http://de.selfhtml.org/css/layouts/anzeige/3spaltig.htm

Ich hoffe, dir damit geholfen zu haben :smile:

Gruß, Robi