Sidebar und Content gleiche größe?

garnett

servus,

wie bekomme ich es hin, das die sidebar und der contentbereich eine einheitliche standartgröße haben?:???: im falle das der contentbereich über diese standartgröße hinaus geht, soll natürlich auch die sidebar mit wachsen.

betrifft diese seite:

http://www.ips-selb.de

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Duke40

Hallo

das ist ein Nachteil von von div Layouts. Ein div wird ohne Größenangaben immer so breit wie es kann und so hoch wie es vom Inhalt her muss.

Mit einem Trick kann man aber Spalten vortäuschen. Man gibt dem Container ein backround Image. Dein sidebar div und dein content div müssen dazu von einem weiteren umgeben sein.

liest du hier
http://alistapart.byteshift.de/fauxcolumns/
oder hier
http://www.little-boxes.de/lb1/16.1.6-sch…navigation.html

Gruß Duke

garnett

vielen dank!
habe jetzt folgendes gemacht:

neuen div-container "#side_bg" mit hintergrundgrafik angelegt:

PHP

#side_bg{
        float:left;
        width:193px;
        min-height:10px;
        background:url(images/side_bg.gif) repeat-y;
}


#side_menu{
    float:left;
    width:193px;
        min-height:10px;
        /*background-color:#eaf6fc; */
        /*background:url(images/side_bg.gif) repeat-y;*/
}

Alles anzeigen

dann in der sidebar.php um den ganzen code den #side_bg gemacht.

PHP

<?php
/* SIDEBAR.php*/
?>
       <div id="side_bg">
    <div id="side_menu" class="sidebar_columns">
        <div id="side_bar_contents">            
            <ul>            
        <!--    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>         
                <?php endif; ?> -->
        <br /><br /><h2><p style="padding: 0 0 0 14px; color: #003F86;">Produkte</p></h2>
                        <br />
            <p class="side_bar_a"><a href="http://www.ips-selb.de/produkte/insektenschutz">Insektenschutz</a></p>
                        <br />
                        <p class="side_bar_a"><a href="http://www.ips-selb.de/produkte/pollenschutz">Pollenschutz</a></p>
                        <br />
                        <p class="side_bar_a"><a href="http://www.ips-selb.de/produkte/kellerrostsicherung">Kellerrostsicherung</a></p> 
                        <br />
                        <p class="side_bar_a"><a href="http://www.ips-selb.de/produkte/befestigungsbaender">Befestigungsbänder</a></p>
                        <br />
                        <p class="side_bar_a"><a href="http://www.ips-selb.de/produkte/taubenabwehr">Taubenabwehr</a></p>
                        <br />
                        <p class="side_bar_a"><a href="http://www.ips-selb.de/produkte/nagerschutz">Nagerschutz</a></p>               
                        <br />
                        <p class="side_bar_a"><a href="http://www.ips-selb.de/produkte/lichtschachtabdeckung">Lichtschachtabdeckung</a></p>
                        <br />
                        <p class="side_bar_a"><a href="http://www.ips-selb.de/produkte/tuerschliesser">Türschließer</a></p>
                        <br />
</ul>            
        </div>
    </div>
</div>

Alles anzeigen

Leider bleibt das ganze wie vorher.
was mache ich falsch?

garnett

okay, auf einigen seiten funktioniert es jetzt, aber auf einigen unterseiten nicht:???::???:

ich bin am verzweifeln :cry:

http://www.ips-selb.de/impressum
http://www.ips-selb.de/kontakt
z.B. funktionieren

aber z.B. auf
http://www.ips-selb.de/produkte/insek…fenster/comfort
http://www.ips-selb.de/produkte/pollenschutz

geht es nicht :???:

Duke40

in dem umschließenden div muss die Hintergrundgrafik oder Farbe definiert werden, in dem div für die sidebar muss der Hintergrund auf transparent gestellt werden und dem Content div definierst du die gewünschte Farbe oder gewünschte Grafik.

Da die Elemente gefloated sind sollte man zur Sicherheit dem umschließenden div noch ein overflow:hidden bzw. ein div clear:both festlegen einfügen weil sonst die automatische Höhe verloren werden kann.

Ah, ich glaube du hast es jetzt. Falls nicht, melde dich nochmal

Gruß Duke

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar und Content gleiche größe?

Jetzt mitmachen!