Column getting misaligned?

Okay, so I'm trying to make a div column with 60% width and stretches the full length of the page. Since divs only stretch to how much content is in them, I had to set the div position to 'absolute' and the 'top' and 'bottom' properties to zero. Here's the code:

Code (text):

<head>

<style type="text/css">

 

body {margin: 0; padding: 0;}

 

#container {

   min-width: 400px;

   background-color: red;

   position: absolute;

   left: 20%;

   right: 20%;

   top: 0;

   bottom: 0;

   padding: 20px;

}

 

p…

Column getting misaligned?

See original post by Glitcher

Leave a Reply