Sidebar soll 100% height

[chacki]

Hallo,

ich hätte ein kleines (?) problem. Und zwar hätte ich gerne eine Sidebar die jedoch auch wenn sie zuende ist immernoch die gesamte Linke seite im Content einnimmt. Irgendwie klappt aber nichts was ich versuche. Mal eine kleine Skizze und dann der code:

Skizze:


Code:

HTML:

<div id="content">
     <div id="content2">
       <div id="left_sidebar" class="sidebar">
       <h3>Left Sidebar</h3>
       <hr>
          <ul>
            <li>Webdesign</li>
            <li>Print</li>
            <li>Lorem</li>
          </ul>
       </div>
      <div id="page">
      <h2>Whats with that Theme options?</h2>
      <p>Oh, you read the preview Text? </p>
      <h1>Lorem Ipsum</h1>
      <h2>Lorem Ipsum</h2>
      <h3>Lorem Ipsum</h3>
      <h4>Lorem Ipsum</h4>
      <h5>Lorem Ipsum</h5>
      <h6>Lorem Ipsum</h6>
      <code>&lt;div>&lt;p>Some Code&lt;p>&lt;div></code>   <blockquote>Nice Blockquote! Lorem Ipsum dolor sit amet?What?</blockquote>

     </div> <!-- end content2 -->

CSS:

#left_sidebar {
	border-right:1px solid #d6d6d6;
	float:left;
	width:150px;
	padding: 5px 5px 5px 10px;
	margin-bottom:30%;
	margin-right:10px;
}

 

[Herr_D]

AW: Sidebar soll 100% height

Das geht nur über Tricks...


Der einfachste:


dem Content2 ein Hintergrundbild (zweifarbig) zuordnen...

 

[chacki]

AW: Sidebar soll 100% height

Ich glaub das ganze wird verständlicher wenn ich dir die ganze Seite schick

 

[sokie]

AW: Sidebar soll 100% height

im #content einfach eine hintergrundgrafik repeat-x verwenden, die optisch eine verlängerte linke Spalte darstellt.
edit:ups, hat das zweite was mit dem ersten zu tun?
(bei den ladezeiten halten es nur die geduldigeren aus...)

 

[chacki]

AW: Sidebar soll 100% height

im #content ist bereits eine grafik mit repeat...

 

[Herr_D]

http://whaa.de/upload/sidebar.html (quelltext ansehen)

du willst den Rahmen? den kannst du dann nur dem #page zuordnen

 

[chacki]

AW: Sidebar soll 100% height

Oh Danke! Klappt super

 

[delle77]

AW: Sidebar soll 100% height

Habe das selbe Problem und jetzt alles wie oben umgeschrieben, jedoch wird das bg-image im div content+sidebar nicht angezeigt.

Was habe ich hier übersehen?

(Bisher nur auf der Impressum)


CSS

 

[Tommy08]

AW: Sidebar soll 100% height

Check doch mal die Seite Selfhtml aus. Die Hilft mir fast bei jeder Gelegenheit wenn ich mit der Programmierung Probleme habe. Hier findet man immer coole Tipps und oft liegen die Programmierungshilfen bereit. Viel Glück

 

[delle77]

AW: Sidebar soll 100% height

Danke für den Site-Link - den hol' ich mir generell auch immer zur Hilfe...

Habe aber inzwischen das Problem gefunden - scheinbar darf man in einem div-Tag kein "&" oder "+" verwenden...

 

[chacki]

AW: Sidebar soll 100% height

Du meinst die Sonderzeichen als Name bzw. id?
Generell würde ich Sonderzeichen immer als HTML Code schreibn. Z.B: & = &

Das geht in <p> Tags und auch sonst überall.