CSS

akbiro
akbiro used Ask the Experts™
on
I would like to write in my CSS instructions for the SideBar that places the list in a fixed size, the size of the mainContent, and uses a scroll bar to move the data.  Below is the CSS code

The address to the page is
http://www.toodles.com/productCatalog/default_new.asp
@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding-top: 20px;
	text-align: center; 
	color: #000000;
}


.twoCol #container { 
	width: 66em; 
	background: #FFFFFF;
	padding-top: 30px;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left; 
} 


.twoCol #sidebar1 {
	float: right; 
	width: 32em;
	background: #EBEBEB; 
	padding: 15px 0; 
}
.twoCol #sidebar1 h3, .twoCol #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}


.twoCol #mainContent {
	margin: 0 13em 0 1.5em; 
}  


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
See if this works for you.  Update your sidebar1 declaration (note the height and overflow):
.twoCol #sidebar1 {
	float: right; 
	width: 32em;
	height: 45em;
	overflow: auto;
	background: #0FF;
	margin-top: 20px;
	padding: 25px 0; 
}

Open in new window

Author

Commented:
Perfect.
From the other effort, my Delete dropdown window fails to read the database.  Can you take a peek?
That's a separate issue I would love to help with if you opened another question.  Now we are getting into mySql and backend stuff, and it deserves to be in the appropriate zone.  Post back here after you have created a new question, and provide a link.  Thanks.

Author

Commented:
Thank you very much, I will post it under ASP in two or three minutes.  I appreciate your help.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial