Jump to content

sidebar not showing background


kartul

Recommended Posts

hey all!

 

I have a problem what i've been trying to solve for few hours now.

pic >>

2ecp3iw.jpg

 

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.