Webdesign-Forum
Yaml Header volle Breite - Druckversion

+- Webdesign-Forum (https://webdesign-forum.net)
+-- Forum: Webdesign (https://webdesign-forum.net/forum-10.html)
+--- Forum: CSS (https://webdesign-forum.net/forum-12.html)
+--- Thema: Yaml Header volle Breite (/thread-175.html)



Yaml Header volle Breite - Helmuff - 12.02.2011

Hallo,

Ich möchte mit Hilfe von Yaml meine Bürohompage und Typo3 gestallten.

Bei Breite von pagemargins ist 1020px, ich hätte gern das der Header über die ganze Breite des Bilschirms geht und sich automatisch der Breite anpasste, ich habe jetzt schon eine Menge ausprobiert aber ich komm nicht auf die Lösung... mein CSS vom Header:
Code:
#header {
    padding: 0px;
    color: #000;
    background-color: #fff;
    background-image: url(../../images/logo.gif);
    background-repeat: no-repeat;
    height: 152px;
    width: 1320px;
    background-position: center center;
    left: -150px;
}

Könnte mir jemand von euch Hilfestellung geben, komm sonst nicht weiter...

Helmuff


RE: Yaml Header volle Breite - wolfgang - 12.02.2011

Soll nur der Header sich in die ganze Breite ausdehen oder auch der Rest der Seite?


RE: Yaml Header volle Breite - Helmuff - 12.02.2011

Ich wollt nur das der Header in voller Breite Dargestellt wird, der Rest 1020px und mittig aber das ist schon soweit ok bei mir.

Helmuff


RE: Yaml Header volle Breite - wolfgang - 12.02.2011

Dafür müsstest du die HTML-Struktur ändern.
Code:
<div id="header">
<div class="page_margins">...hier die Inhalte...</div>
</DIV>
So würde sich das DIV Header über die gesamte Breite ausdehnen und gleichzeitig wären die Inhalte auf die Breite von page_margins beschränkt.
Wenn du tatsächlich die ganze Breite nutzen willst, lass page_margins einfach weg.




RE: Yaml Header volle Breite - Helmuff - 12.02.2011

ja ok habe ich Probiert aber ist nicht ganz das was ich wollte, also zu mindest bekomme ich das nicht hin, ich habe jetzt eine andere Variante genommen die gefällt mir auch, aber danke für deine Hilfe...

Helmuff