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;
}
 

Herr_D

offline

AW: Sidebar soll 100% height

Das geht nur über Tricks...


Der einfachste:


dem Content2 ein Hintergrundbild (zweifarbig) zuordnen...
 

sokie

Mod | Web

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:

delle77

gourmet de vaueste

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
 
T

Tommy08

Guest

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

gourmet de vaueste

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

Ihre Werbung hier

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

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.465
Mitglieder
67.558
Neuestes Mitglied
StarsMan
Oben