Hall of Fame

1. Ray_Pas...126,961
2. jason117869,939
3. logudotcom67,120
4. objects66,644
5. mplungjan56,600
6. abel56,030
7. TheLearn...52,950
8. lunadl46,378
9. fibo36,370
10. cxr36,280
11. ahoffmann35,542
12. azadisaryev33,750
13. x_com33,000
14. DropZone25,700
15. angelIII25,662
16. CodeCruiser25,500
17. _agx_24,800
18. HonorGod24,750
19. shakashico24,157
20. b0lsc0tt23,300
21. tedbilly22,330
22. aibusines...22,250
23. hielo21,050
24. v2Media20,900
25. shalomc19,850

1. logudotcom285,359
2. Ray_Pas...247,506
3. hielo245,439
4. b0lsc0tt198,469
5. jason1178197,398
6. lunadl166,604
7. TheLearn...156,140
8. mplungjan147,333
9. tedbilly116,559
10. objects105,466
11. samtran0...93,689
12. hernst4292,044
13. ahoffmann84,391
14. angelIII77,369
15. DropZone76,980
16. fibo66,982
17. Zvonko64,800
18. abel60,030
19. cxr47,115
20. HonorGod47,070
21. Roonaan45,435
22. steelseth1244,927
23. v2Media44,908
24. erikTsomik44,704
25. _agx_42,875

	[x] Posted via EE Mobile
	Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question

	[x] Attachment Details

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

7.8

Extending Sidebar with CSS

Asked by svp28 in WebApplications

Tags: sidebar, css, extend, length

I have a page with a wrapper div. In the wrapper I have a sidebar div for the left side navigation and a main div for the content. I am can not figure out how to make the side bar stay even in length with the main page. Right now the sidebar is floating next to the main div.

Things I have tried;
placed the main div inside the sidebar div
set sidebar height to 100% - thought I could extend it to height of the wrapper div.

Any suggestions or code improvements would be appreciated.

View the Solution FREE for 30 Days

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:

           
           
             #main {
		float:right;
		background:#272727;
		margin:0 auto;
		width:671px;
		border: Solid 1px red;
	
	}
	
	#main H1
	{
    display: block;
	font-family: verdana;
	font-size: 20px;
	color: #fff;
	 }
 
	#sidebar {
	height: 514px;
	width:174px;
	background: black;
	background-image: url(images/leftnavguitar.JPG);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	margin: 0px;
	Padding: 0px;
	border: Solid 1px yellow;
	}
 
 
 
 
 
#sidebar ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
border: Solid 1px green;
}
 
#sidebar li
{
background-image: url(images/nav_arrow.gif);
background-repeat: no-repeat;
 
background-position: 1% 50%;
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 14px;
font-family: verdana;
font-size: .75em;
border: Solid 1px yellow;
}
 
 
#sidebar li A:link{text-decoration: none; color:#fff;}
#sidebar li A:hover {text-decoration: underline; color: #E7B33B;}

           
         

	Title
1	Help with Left sidebar div noting floatin…
2	CSS floating sidebar -- Mozilla/IE pr…
3	equal div height in single container
4	rectify a new div tag that is floating inc…
5	Div height percentage setting being ign…
6	Extending left sidebar background color

Extending Sidebar with CSS

Asked by svp28 in WebApplications

Tags: sidebar, css, extend, length

About this solution