Welcome Guest ( Log In | Register )

Discover the best free computer help!
Learn more about Geeks to Go by taking the tour. Spyware, virus, trojan, fake security or privacy alerts? Read the malware cleaning guide.
      
 
Reply to this topicStart new topic
CSS Help, Extending background color in a tableless layout
stettybet0
post Apr 21 2008, 01:26 PM
Post #1


Tech Apprentice
Group Icon
Posts: 1,870
OS: Vista Ultimate SP1 x64, XP Pro SP2



I'm trying to re-work a website I made without using tables. I have a menu for which I am using this code:

CODE
#menu
{
float: left;
width: 20%;
border-right: 2px solid #6699CC;
background-color: #000066
}


However, the menu only goes down about half the page. After it ends, so does the background color (and the border) and it looks pretty bad. How can I get these to extend to the bottom of the page?
Go to the top of the page
 
+Quote Post
Major Payne
post Apr 21 2008, 05:16 PM
Post #2


Trusted Techie
Group Icon
Posts: 4,315
From: FEMA took "Tin Can" away!
OS: Win XP/Vista Home Premium. Backup PC: Commodore 64 with 300 baud modem!



Without seeing all the code, I would guess you will have to set a height for the container, not in percent, but a fixed height. Got a link to page? Or complete code if suggestion doesn't work? After all, it's a guess with only what you gave.

Might apply some of the Clearing Floats and Box Model info.

Ron

This post has been edited by Major Payne: Apr 21 2008, 07:09 PM
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Time is now: 12th October 2008 - 01:56 PM
Advertisements do not imply our endorsement of that product or service. The forum is run by volunteers who donate their time and expertise. We make every attempt to ensure that the help and advice posted is accurate and will not cause harm to your computer. However, we do not guarantee that they are accurate and they are to be used at your own risk.