DIV in Mitte feste Breite, rechts + links auto

html.de-Forum HTML, XHTML & CSS
1

Hallo zusammen,

ich hoffe Ihr könnt mir helfen. Ich habe irgendwie nen Knoten im Kopf…

Die Überlegung: In der Mitte habe ich einen header mit einer festen Breite, dieser soll außerdem in der Mitte (margin: 0 auto) platziert sein. Rechts und links soll sich der Bereich aber automatisch in der Breite skalieren, so dass sie immer an den header stossen.

Da später alle Bereiche eine Transparenz bekommen, funktioniert es also nicht, hinter dem header einfach eine background-color zu vergeben.

Besten Dank im Voraus für Euren Denkanstoß…

LG

http://jsfiddle.net/tightman/ugrfwg8b/

2

Hallo

du solltest insgesamt mit %-Angaben arbeiten, wenn die Größen skalieren sollen.

Aktuell wäre das Flexbox-Modell sinnvoll, Nostalgiker können zum bewährten, aber veralteten, float greifen.

Statt der div-Suppe solltest du auch die aktuellen Elemente wie header und nav benutzen.

Für Smartphones und Tablets dann noch etwas Responsive Design mit Media Queries.

Gruss

MrMurphy

3

Super, besten Dank für den Tip!