Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Two column layout


  • Please log in to reply
No replies to this topic

#1 Reddoug

Reddoug

  • Members
  • 113 posts
  • OFFLINE
  •  
  • Local time:09:12 AM

Posted 30 May 2017 - 07:06 PM

Hi all

 

I am working on a personal in home website that runs on a Raspberry Pi. I am trying different layouts and I have started setting up a two column layout. The problem I am having is that the left column will not go all the way to the footer. The left column only has a few links to websites and the text on the right side drops in under the links. I have tried using;

 

#left {
float: left;
width: 20%;
min-height: 200em;       // I originally had this set to min-height: 100em; changing to 200em made it go down farther but not all the way to footer.
}

#right {
float: left;
width: 75%;
}

 

#footer {
border-top: 5px green solid;
background-color: #ebee21;
clear: both;
font-size: .75em;
font-style: italic;
text-align: center;
}

 

The CSS two column entry I am using is from HTML5 and CSS3 for Dummies book.

 

I am building this with HTML5 and php and have LAMP server setup on the Pi.

I am trying different layouts and this has me stumped.

 

Thank you

Reddoug



BC AdBot (Login to Remove)

 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users