[deaZa]

hi,
ich bin dabei mir ein theme für drupal zu basteln, das grundlayout ist eigentlich ziemlich simpel, aber irgendwie stehe ich gerade aufm schlauch.



nun also zu meinem problem:

ich habe der "sidebar" eine hintergrundgrafik gegeben, diese soll sich in richtung y wiederholen, also beim footer abschließen soll (wie in der skizze). jedoch wenn der "content" länger wird, dann geht die "sidebar" nicht bis zum footer. sondern hört da auf, wo der txt der "sidebar" zu ende ist.

hab schon ne menge versucht, aber irgendwie bin ich blöd und bekomm das nicht hin

hier mein html code:

<div id="container">
  <div id="header">...</div>
  <div id="navi">...</div>
  <div id="content_container">
    <div id="s_sidebar">
      <div id="top_sidebar">...</div>
      <div id="sidebar"></div>
    </div>
    <div id="content">...</div>
  </div>
  <br class="clearfloat" />
  <div id="footer" class="footer">...</div>
</div>

hier mein css code:

#container {
	background: #FFFFFF;
}  
#header {
	...
}
#navi {
	...
}
#content_container {
	height:100%;
}
#s_sidebar {
	width: 304px;
	float: left;
}
#top_sidebar {
	height:37px;
	background:url(....);
	background-repeat:no-repeat;
}
#sidebar {
	width: 236px;
	height:100%;
	background:url(...);
	background-repeat:repeat-y;
	margin:0 auto;
}
#content {
	float:right;
	width:690px;
}
#footer {
	...
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

[fricca]

Die Lösung findest du unter Punkt 1 der FAQ ("faux columns").

Wenn du ein 100%-hohes Layout willst brauchst du min-height. Lies dazu FAQ Punkt 4 und 7; auch im Wiki gibt's IMHO einen Eintrag dazu.

[deaZa]

also die lösung in den faq, schätze mal du meinst die:

Byteshift Webdesign Berlin - Alistapart: Unechte Spalten (Faux Columns)

finde ich nicht wirklich gut.

hat jemand noch eine andere lösung?

[deaZa]

naja hab mir jetzt selbst ne lösung gebastelt, also brauch ich keine hilfe mehr.

[grischa_sgd]

Zitat von deaZa

naja hab mir jetzt selbst ne lösung gebastelt, also brauch ich keine hilfe mehr.

Mich würde deine alternative Lösung intressieren - wie hast du es denn gelöst?