wydłużenie kolumny - pomocy!
witam
mam problem odnośnie wydłużenia kolumny po lewej i prawej stronie strony. moja strona wygląda tak:
i chciałbym, aby lewa i prawa kolumna rozciągała się na sam dół aż do stopki bez względu na długość artykułu, mam nadzieje że wiecie o co mi chodzi chce aby było granatowe tło aż do końca bo tak to nieestetycznie wygląda. mój plik index wygląda tak:
a mój css odpowiedzialny za poszczególne elementy wygląda tak:Kod:<body> <div id="wrap"> <div id="header"> <div class="inside"> <h1><?php echo $mainframe->getCfg('sitename');?></h1> <jdoc:include type="modules" name="top" style="xhtml" /> </div> </div> <div id="lewe-menu"> <div class="inside"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> </div> <div id="zawartosc"> <div class="inside"> <jdoc:include type="module" name="zawartosc" style="none" /> <jdoc:include type="component" /> </div> </div> <div id="prawe-menu"> <div class="inside"> <jdoc:include type="modules" name="right" style="xhtml" /> </div> </div> <div id="stopka"> <div class="inside">Autor: <a href="mailto:kostuch87@o2.pl">Grzegorz Kostek</a> <jdoc:include type="modules" name="stopka" style="xhtml" /> </div> </div> </body>
czy ktoś mógłby mi w tym pomóc? będę wdzięczny pozdrawiamKod:body { margin-top: 10px; text-align:center; font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3; } #wrap { min-width:760px; max-width:960px; width:auto; text-align:left; margin:0 auto; background: url(../images/back.jpg) repeat-x; } #zawartosc { float:left; width:60%; overflow:hidden; } #stopka { clear:both; background:#0D679B; color:white; text-decoration:none; } .inside { padding:10px; } #lewe-menu,#prawe-menu { float:left; width:20%; overflow:hidden; background:#0D679B; } #header { background: url(../images/top.jpg) no-repeat; width:100%; height:160px; }
Cytuj
