So verwenden Sie ein Hintergrundbild für ein Hauptdiv, das zwei Divs hat, eines links und eines rechts

Question

Ich möchte eine HTML -CSS -Seite erstellen, auf der das Layout als:
u003Cdiv id="content">
u003Cdiv id="left">
.....
u003C/div>
u003Cdiv id="right">
.....
u003C/div>
u003C/div>
Das Inhaltsdiv verfügt über ein Hintergrundbild, das in Y-Region wiederholt werden sollte. Auch das linke und rechte Div sollte neben dem gleichen Hintergrundbild sein. Ich kann es erreichen, aber indem ich die Höhe des Inhalts reparieren kann, aber ich möchte die Höhe des Inhalts nicht reparieren. Bitte hilf mir Leute. Vielen Dank im Voraus :)

Answer 1

Ohne Ihren Code zu sehen ... Ich vermute, Sie schweben die linken und rechten Divs ... aber Sie schweben nicht die Inhaltsdiv ...

Ihr CSS sollte dem ähnlich aussehen, damit es funktioniert:

#content {
    float:left;
    background-image:url('whatever.png');
    background-repeat:repeat-y;
}

#left {
    float:left;
}

#right {
    float:left;
}

Answer 2

Ich bin in der Lage, es zu erreichen, aber indem ich die Höhe des Inhalts repariert, möchte ich die Höhe des Inhalts nicht reparieren.

Wenn Sie das Hintergrundbild in y -Richtung wiederholen können, sollte es keine Rolle spielen, wie hoch das ist #content Div ist, da Ihr Hintergrund nur den verbleibenden Raum füllt - richtig?

Wenn Ihre Inhaltsdiv nicht auf die Höhe der Kinderdivs ausgeht, dann ist klar klar #content muss außerhalb des normalen Flusses der Seite liegen. In diesem Fall sollten Sie float es und keine Höhe für den Container Div.

Answer 3

Es ist ziemlich schwer zu verstehen, was Sie versuchen zu tun, aber ich denken Was Sie tun möchten, ist hinzuzufügen overflow: auto zu Ihrem Inhaltsdiv, so dass es die gleiche Höhe wie die linke und rechte Divs wird:

#content {
  overflow: auto;
  background: [bg code]
}
#left, #right {
  float: left;
}