• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Background wird raus- / abgerissen wenn höhe auf auto gestellt ist

I

Icon3

Neues Mitglied
Hallo html begeisterte Forenmitglieder,

ich hab ein problem und das sieht wie folgt aus :

#maincontent2 {
height:100%;
width:950px;
background-image:url(rb/bgcontent2.png);
background-repeat:repeat-y;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000;
}

wie im Code zu sehen ist versuche ich einen Content mit einer Prozentualen Größe von 100% zu erschaffen die einen Hintergrund hat dieser soll die 100% ausfüllen aber er geht leider nicht komplett über die 100% sondern wird relativ früh abgeschnitten, mit dem repeat-y attribut habe ich es schon versucht, hat aber wieder erwartent nicht funktioniert.
Ebenfalls habe ich dann versucht die Hintergrundbild-Datei zu vergrößen auf :
1000px Breite und 10000px Höhe, ebenfalls ein fail.
nun überlege ich mit einem rgba-wert zu arbeiten :
rgba: (248,248,255,0.6),
dieser wird allerdings von IE nicht unterstüzt und fällt somit auch weg.

Ich bin nun mit meinem Latein am ende und bitte Euch um Hilfe !

LG und DANKE für jeden Post.
Icon3
 
Zuletzt bearbeitet:
repeat-y sollte schon klappen.

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>Demo</title>

        <style type="text/css">

html,body {
    height: 100%;
}

#maincontent2 {
    height:100%;
    width:950px;
    background-image:url(http://upload.wikimedia.org/wikipedia/de/thumb/d/d4/Math._Salcher_und_S%C3%B6hne_Logo_1885.jpg/90px-Math._Salcher_und_S%C3%B6hne_Logo_1885.jpg);
    background-repeat:repeat-y;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000;
}

        </style>
    </head>

    <body>
        <div id="maincontent2">

        </div>

    </body>

</html>
 
Betonung liegt hier auf sollte. Ausserdem wie schon zuvor beschrieben funktioniert repeat-y nicht.
Folgendes aber macht mich stuzig gebe ich nun dem #maincontent2 eine Feste Höhe von z.B. 4000px so verhällt sich der background normal.
Nur bei den werten 100% und Auto funktioniert es nicht.
Eine Fixe Höhe ist bei meiner Seite leider eher Subobtimal weil die Inhalte von Seite zu Seite varrieren und ich mir dann für jede
seite nen eigenen maincontent mit fixer Höher erstellen muss.
 
Hallo.

Hast du auch html und body eine Höhe von 100% gegeben wie von mermshaus gezeigt?

Gruss
Elroy
 
Ich hab's getestet in IE 6-8, Firefox 5, Safari, Chromium. Wenn du da die Betonung auf „sollte“ legen möchtest, ist das deine Sache.
 
@ mermsmaus: so sollte das echt nicht rüber kommen sorry !
Der Code aus deiner Vorlage ist, in einem neuen Dokument eingefügt, absolut richtig dennoch funktioniert er nicht bei mir auf meiner entwickelten seite.
ich lade jetzt einfach mal meine seite, stile.css und das bgimage via rapidshare hoch.
hier der link : DELETED

Es wäre super wenn einer von Euch nach diesem Problem gucken könnte !

LG Icon3
 
Zuletzt bearbeitet:
Ich würde alles nochmal neu schreiben. Du verwendest für zahlreiche divs die gleichen id`s.

Da die Inhalte (sprich diese Artikel) alle gleich strukturiert und formatiert werden sollen, wären da Klassen das einzig Wahre.

Zum Background-Problem: dieses kommt vorallem dann zu Stande, wenn gefloatet, anschließend aber nicht gecleared wird - und genau das ist auch bei deinem Code der Fall.

Du floatest den Text und das Bild daneben ebenfalls, danach kommt aber nie ein Elemente, welches clear: left bzw clear: both erhält.

Das ist übrigens fehlerhaft:
<link rel="stylesheet" type="text/css" href="stile.css">

Da fehlt der Slash (selbstschließendes Elemente):
<link rel="stylesheet" type="text/css" href="stile.css" />
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben