Antworten auf deine Fragen:
Neues Thema erstellen

Sidebar soll 100% height

chacki

Ihre Werbung hier

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:
Code:
<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:
Code:
#left_sidebar {
	border-right:1px solid #d6d6d6;
	float:left;
	width:150px;
	padding: 5px 5px 5px 10px;
	margin-bottom:30%;
	margin-right:10px;
}
 

AW: Sidebar soll 100% height

Das geht nur über Tricks...


Der einfachste:


dem Content2 ein Hintergrundbild (zweifarbig) zuordnen...
 
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...)
 
Zuletzt bearbeitet:
(quelltext ansehen)

du willst den Rahmen? den kannst du dann nur dem #page zuordnen
 
Zuletzt bearbeitet:
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
 
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
 
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...
 
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: & = &amp;

Das geht in <p> Tags und auch sonst überall.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
118.940
Beiträge
1.540.014
Mitglieder
68.074
Neuestes Mitglied
falke69
Oben