✔ 960px Wrapper mit Element welches 100% breite besitzen soll...

SonMiko

SonMiko

Erfahrenes Mitglied
Ok die Überschrift klingt merkwürdig, trifft aber was ich möchte.
Das Problem ist dass ich einen Wrapper in meiner Seite verwende,
welcher z.B.: 960 px breit ist.
Unterhalb des Wrappers liegen dann alle Tags.
Nun gibt es aber Elemente die in der Breite über die 960px und
auf 100% des Browserfensters erstrecken sollen.

Gibt es ohne JS eine Möglichkeit dass ich das Element auf die besagte Größe bringe
und es auch am linken Browserrand ausrichte?

Der Wrapper beinhaltet auch die Eigenschaft "margin:0 auto" damit er zentriert
ausgerichtet wird...

Hat jemand eine Idee?

Hier ein Beispiel:
HTML: 
<html>
<body>
<div class="wrapper">
<div class="100prozent">Dieser Inhalt soll über die 960px Breite gehen auf 100% des Fensters</div>
<div class="normal">Dieser Inhalt wird zentriert mit einer maximalen Breite von 960px dargestellt</div>
</bod>
</html>
 
also wenn ich das richtig verstehe, soll der "Wrapper" 960px breite haben?!
Innerhalb des wrappers ist dann die Klasse "100%" ****

Bin jetzt kein Profi, aber wenn der wrapper 960px Breite hat, dann kann ein Element innerhalb des wrappers doch mit 100% nur die Breite des "übergeordneten" wrappers annehmen! Somit ist das, was du vorhast zumindest so nicht möglich - vermute ich mal.. eventuell müsstest du sonst mit einem "Ap-Div" arbeiten
 
Zuletzt bearbeitet:
Hi Ribasa und erst einmal danke für Deine Antwort.

Ja ich habe es nun auch anders gelöst und den Wrapper tatsächlich an der Stelle unterbrochen.
Der Schönheit des Codes wegen könnte man mit JavaScript vor dem Auftauchen eines Elementes der Gattung 100% einen "</div>" und danach einen "<div class="wrapper">" einfügen - das würde vorraussetzen dass die Elemente immer auf derselben Höhe sind...
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück