Antworten zum Thema „body hg für den wrapper anpassen...“

JoLe05 · 15.06.2012

hey, ja schon wieder ich

also ich möchte dass sich mein body hintergrund meinem wrapper der auf jeder seite eine andere höhe hat anpasst... der hg sieht so aus:

wie kann ich den per css so formatieren dass er sich der wrapper größe immer anpasst?

danke wiedermal für eure hilfe

Jonnsn · 15.06.2012

AW: body hg für den wrapper anpassen...

Guten Abend,

meinst du das in etwa so?
buildinternet.com/project/supersized/core/3.2/core.html

In dem Fall wird allerdings jQuery verwendet. Mit reinem CSS wüsste ich momentan keinen Weg, aber vielleicht gibts da jemand der eine Lösung weiß.

Gruß

JoLe05 · 15.06.2012

AW: body hg für den wrapper anpassen...

hier ein beispiel!!!

wenn du dich durch die seiten durchklickst sieht man dass sich der body dem wrapper anpasst.... ich glaube nicht dass jquery hier von nöten ist, sollte für profis wie euch sicher lösbar sein :rolleyes:

sokie · 16.06.2012

AW: body hg für den wrapper anpassen...

in dem Beispiel wiederholt sich der hintergrund (main-bg.jpg) über die gesamte höhe und breite. die oberen container sind in der breite begrenzt (1020px) der footer ersteckt sich über die gesamte Seitenbreite (egal wie breit das browserfenster ist) und verdeckt so den Teil des background.

Mackymesser111 · 16.06.2012

AW: body hg für den wrapper anpassen...

Hir mal noch den link vom . Da ist nämlich nichts schwarz unten.

Ansonsten lässt sich sokies Ausführungen nichts hinzufügen.

JoLe05 · 16.06.2012

AW: body hg für den wrapper anpassen...

super genau nach so einer lösung habe ich gesucht... ich dachte mir schon dass er den footer auf die maximale breite gesetzt hat!

welcher css befehl lässt mich das machen, damit der footer sich über den ganzen body erstreckt?

s4f · 16.06.2012

AW: body hg für den wrapper anpassen...

wie wär's mit 100%

Mackymesser111 · 16.06.2012

AW: body hg für den wrapper anpassen...

100% ist nicht nötig, ein div geht immer (wenn man es nicht anders angibt) über die gesamte breite.
Voraussetzung ist dann natürlich das der footer nicht vom wrapper eingeschlossen wird. Sonst sind die 100% nämlich die breite des Wrappers.

JoLe05 · 20.06.2012

AW: body hg für den wrapper anpassen...

hey danke für die tips ich hab mich für die lösung entschieden dass ich den footer div aus dem wrapper nehme, somit hat er die ganze breite des bodys....

jetzt habe ich aber das problem das die hintergrundfarbe vom footer nicht hinter den content div verschwindet sondern dass sie den content überlagert... wie bekomme ich den content div in den vordergrund?

Myhar · 20.06.2012

AW: body hg für den wrapper anpassen...

Indem du dein CSS und HTML anpasst. Du möchtest eine genauere Antwort? Dann und lerne daraus.

JoLe05 · 20.06.2012

AW: body hg für den wrapper anpassen...

so sieht die index php aus:

PHP:

<body>
<div id="wrapper">
<div id="social"></div>
<div id="logo"></div>
    <div id="topnavi"><jdoc:include type="modules" name="topnavi" /></div>
    <div style="clear:both"></div>
    <div id="slider"><jdoc:include type="modules" name="slider" /></div>
    <div id="breadcrumbs"><jdoc:include type="modules" name="breadcrumbs" /></div>
    <div id="content">
        <div id="navi_left"><jdoc:include type="modules" name="navi_left" /></div>
        <div id="contentaaa"><jdoc:include type="component" /></div>
    </div>
</div>
<div id="links"><jdoc:include type="modules" name="links" /></div>
<div id="footer"><jdoc:include type="modules" name="footer" /></div>
</body>

hier das css

Code:

#content{
     width: 960px;
    height: 500px;    
    background: #FFF;
    margin-top: 10px;
    overflow: hidden;
    /*margin-bottom: -10px;*/
}

#links{
    width: 100%;
    margin-top: -20px;
    height: 200px;    
}

#footer{
    width: 100%;
    height: 100px;
    border-top: 1px dotted #999;
}

die beiden divs #links,#footer sollten die maximale breite (=breite des bodys) haben. der bereich links sollte mit margin-top: -10px; hinter der contentbreite verschwinden... leider ist es aber so dass der div #links meinem content um 10px verdeckt!

danke für eure hilfe

Mackymesser111 · 20.06.2012

AW: body hg für den wrapper anpassen...

Dein Stichwort lautet: Z-Index

Edit// der [width: 100%;] ist übrigens unnötig, das ist standartvorgabe eines divs.