/CSS: Hintergrund wird abgeschnitten trotz weiterem Inhalt

[tone]

Hallo,

zunächst ein Bildchen
http://img223.imageshack.us/my.php?image=div5dg.png

Wie ihr seht, wird mein Hintergrund bzw. Design abgeschnitten, obwohl noch Inhalt vorhanden ist.

Kurz zu dem Aufbau der Seite:
<div id="main">
      <div id="sidebar">
            Bilder
      </div>
  text
</div>

Abgeschnitten wird nur, wenn der "main" Bereich schon beendet ist, die Sidebar aber noch Bilder anzeigen muss. Umgekehrt, wenn der main Bereich größer ist als die Sidebar, wird nichts abgeschnitten und mein Design endet kurz hinter dem Content, so:
http://img223.imageshack.us/my.php?image=fff4dl.png

Hier noch die beiden CSS Ausschnitte von main und sidebar

#main {
min-height:440px;
 line-height:1.7em;
 margin:0 auto;
 padding:0;
 background:#fff url(../img/background.jpg) repeat;
 width:740px;
}

#sidebar {

width:340px;
 overflow:hidden;
 float:right;
 padding:0px 5px 2px 8px;
 margin:0;
 font-size:0.9em;
 color:#333;
 display:inline;
 text-align:center;
}

Ich hoffe mein Anliegen war nicht zu umständlich formuliert.

Danke schonmal an die Helfenden

[wahsaga]

hi,

Abgeschnitten wird nur, wenn der "main" Bereich schon beendet ist, die Sidebar aber noch Bilder anzeigen muss.

Da du die Sidebar per float aus dem Fluss genommen hast, beeinflusst sie die Höhe von main nicht mehr - main wird sich also mit seiner Mindesthöhe von 440px zufriedengeben.

Du könntest main ebenfalls floaten, oder hinter der Sidebar ein clearendes Element einfügen, um dies zu umgehen.

gruß,
wahsaga

[tone]

Hab mir jetzt einen kleinen footer gebastelt und es funktioniert.
Trotzdem danke für deinen Hinweis. Hat mir jetzt schon eine weitere Frage erspart.