kartul Posted May 25, 2010 Share Posted May 25, 2010 hey all! I have a problem what i've been trying to solve for few hours now. pic >> sidebar is the left one and content is on right. atm the sidebar is only showing background when the text is there. but i need that sidebars background goes all the way down as far as content goes. <div id="content"><!-- the div that hold all this --> <div id="sidebar"> <h1>Kontaktid</h1> <div class="dots"></div> <h3>Kontori andmed</h3> <p>Teguri 55, Tartu 51013, Eesti<br> <a href="#">Vaata asukohta kaardilt</a><br> Tel: (+372) 737 1775<br> Faks: (+372) 737 1767</p> <div class="dots"></div> <h3>Juriidilised andmed</h3> <p>AKVALIUS OÜ,<br> reg kood: 11347267,<br> Aruheina tee 9, Veibri, Luunja vald<br> 62211 Tartumaa<br> <a href="#">Vaata asukohta kaardilt</a></p> <div class="dots"></div> asdakasd asdas das dasdasdasd asdad <br> <h3>asdasd</h3> asdad asdasd <br> ad </div> <div id="sisu"><!-- content div --> <span id="print"><a href="#"><img src="imgs/print.png"></a><a href="#"><img src="imgs/net.png"></a></span> <h2>Meie lühitutvustus</h2> <div class="dots_b"></div> <p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p> <p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p> <p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p> <p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p> <p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p> <p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p><p>Käesoleval aastal asutatud ettevõte Akvalius OÜ on loodud eesmärgiga pakkuda k</p> <div id="filling"></div> <!-- the picture below content --> </div> <div id="jalus"><a href="#"><img src="imgs/ama.png"></a></div> <!-- footer--> </div> and css --> #content { /* div that holds both sidebar and content */ padding: 0; /*position: relative;*/ } #sidebar { width: 280px; float: left; background: url("imgs/sidebar-bg.png") no-repeat top #70bcf2; /*clear: left;*/ min-height: 330px; color: #FFF; font-size: 8pt; font-weight: normal; } #sidebar p { padding-left: 40px; padding-bottom: 30px; } #sidebar a { color: #f7b42a; text-decoration: none; } #sisu { /* aka content */ background: url("imgs/sisu-bg.png") repeat-x top #e3e4e5; float: right; width: 490px; color: #000; font-size: 10pt; font-weight: normal; min-height: 330px; } #sisu p { /* aka content */ margin: 11px; line-height: 140%; } #filling { background: url("imgs/filling.png") no-repeat top; height: 75px; clear: both; } #jalus { /* aka footer */ clear: both; height: 28px; border-top: 1px solid #fff; background: #4fa2dc; text-align: right; padding-right: 10px; } i've been searching net for solution but no help. i hope that someone here could point me to right direction.. Link to comment https://forums.phpfreaks.com/topic/202806-sidebar-not-showing-background/ Share on other sites More sharing options...
haku Posted May 26, 2010 Share Posted May 26, 2010 Google 'faux columns'. Link to comment https://forums.phpfreaks.com/topic/202806-sidebar-not-showing-background/#findComment-1063395 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.