Anzeige

Sidebar soll 100% height

Sidebar soll 100% height | PSD-Tutorials.de

Erstellt von chacki, 04.01.2010.

  1. chacki

    chacki Ihre Werbung hier

    Dabei seit:
    16.07.2009
    Beiträge:
    221
    Geschlecht:
    männlich
    Software:
    PS CS4 & Coda
    Sidebar soll 100% height
    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:
    Directupload.net - Dttfgj5sh.jpg

    Code:

    HTML:
    Code (Text):
    1. <div id="content">
    2.      <div id="content2">
    3.        <div id="left_sidebar" class="sidebar">
    4.        <h3>Left Sidebar</h3>
    5.        <hr>
    6.           <ul>
    7.             <li>Webdesign</li>
    8.             <li>Print</li>
    9.             <li>Lorem</li>
    10.           </ul>
    11.        </div>
    12.       <div id="page">
    13.       <h2>Whats with that Theme options?</h2>
    14.       <p>Oh, you read the preview Text? </p>
    15.       <h1>Lorem Ipsum</h1>
    16.       <h2>Lorem Ipsum</h2>
    17.       <h3>Lorem Ipsum</h3>
    18.       <h4>Lorem Ipsum</h4>
    19.       <h5>Lorem Ipsum</h5>
    20.       <h6>Lorem Ipsum</h6>
    21.       <code>&lt;div>&lt;p>Some Code&lt;p>&lt;div></code>   <blockquote>Nice Blockquote! Lorem Ipsum dolor sit amet?What?</blockquote>
    22.  
    23.      </div> <!-- end content2 -->
    24.  
    CSS:
    Code (Text):
    1. #left_sidebar {
    2.     border-right:1px solid #d6d6d6;
    3.     float:left;
    4.     width:150px;
    5.     padding: 5px 5px 5px 10px;
    6.     margin-bottom:30%;
    7.     margin-right:10px;
    8. }
     
    #1      
  2. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.557
    Geschlecht:
    männlich
    Sidebar soll 100% height
    AW: Sidebar soll 100% height

    Das geht nur über Tricks...


    Der einfachste:


    dem Content2 ein Hintergrundbild (zweifarbig) zuordnen...
     
    #2      
  3. chacki

    chacki Ihre Werbung hier

    Dabei seit:
    16.07.2009
    Beiträge:
    221
    Geschlecht:
    männlich
    Software:
    PS CS4 & Coda
    Sidebar soll 100% height
    AW: Sidebar soll 100% height

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

    NoName
     
    #3      
  4. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Sidebar soll 100% height
    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: 04.01.2010
    #4      
  5. chacki

    chacki Ihre Werbung hier

    Dabei seit:
    16.07.2009
    Beiträge:
    221
    Geschlecht:
    männlich
    Software:
    PS CS4 & Coda
    Sidebar soll 100% height
    AW: Sidebar soll 100% height

    im #content ist bereits eine grafik mit repeat...
     
    #5      
  6. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.557
    Geschlecht:
    männlich
    Sidebar soll 100% height
    Zuletzt bearbeitet: 04.01.2010
    #6      
  7. chacki

    chacki Ihre Werbung hier

    Dabei seit:
    16.07.2009
    Beiträge:
    221
    Geschlecht:
    männlich
    Software:
    PS CS4 & Coda
    Sidebar soll 100% height
    AW: Sidebar soll 100% height

    Oh :) Danke! Klappt super
     
    #7      
  8. delle77

    delle77 gourmet de vaueste

    Dabei seit:
    22.09.2006
    Beiträge:
    240
    Geschlecht:
    männlich
    Sidebar soll 100% height
    #8      
  9. Tommy08

    Tommy08 Noch nicht viel geschrieben

    Dabei seit:
    30.03.2010
    Beiträge:
    5
    Geschlecht:
    männlich
    Sidebar soll 100% height
    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
     
    #9      
  10. delle77

    delle77 gourmet de vaueste

    Dabei seit:
    22.09.2006
    Beiträge:
    240
    Geschlecht:
    männlich
    Sidebar soll 100% height
    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...
     
    #10      
  11. chacki

    chacki Ihre Werbung hier

    Dabei seit:
    16.07.2009
    Beiträge:
    221
    Geschlecht:
    männlich
    Software:
    PS CS4 & Coda
    Sidebar soll 100% height
    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.
     
    #11      
x
×
×