kopydlowo
02-02-2009, 15:05
witam
mam problem odnośnie wydłużenia kolumny po lewej i prawej stronie strony. moja strona wygląda tak:
http://img519.imageshack.us/img519/6489/wwwyd3.th.jpg (http://img519.imageshack.us/my.php?image=wwwyd3.jpg)
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:
<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>
a mój css odpowiedzialny za poszczególne elementy wygląda tak:
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;
}
czy ktoś mógłby mi w tym pomóc? będę wdzięczny pozdrawiam
mam problem odnośnie wydłużenia kolumny po lewej i prawej stronie strony. moja strona wygląda tak:
http://img519.imageshack.us/img519/6489/wwwyd3.th.jpg (http://img519.imageshack.us/my.php?image=wwwyd3.jpg)
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:
<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>
a mój css odpowiedzialny za poszczególne elementy wygląda tak:
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;
}
czy ktoś mógłby mi w tym pomóc? będę wdzięczny pozdrawiam