Jump to content

RawDog

Members
  • Posts

    23
  • Joined

  • Last visited

RawDog's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. So I'm making a skeletal structure of a future personal website, and I've just recently gotten back into coding. However, I can't get rid of that little white gap. It appears when one <div> area is bigger than the other, and vice versa. I've even resorted to using Javascript to override the browser so it can maximize the height within the given area. Here's the CSS: /* CSS Document */[/left]body,html {margin: 0px;padding: 0px; height: 100%;}body {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;background: #888888 url(http://i54.tinypic.com/5ciw50.jpg) repeat-y top; padding: 0px;}img {border: 0px;}form {margin: 0px;padding: 0px;}a {text-decoration: none;}#wrapper { background: #ffffff; width: 960px; margin: auto; display: block;}#header {background: #2A2A2A; margin: auto; width: 960px; height: 150px; margin-bottom: -11px;}#body {background: #A2A2A2;margin: auto; height: 100%; width: 960px; clear: both;}#submenu { background: #B2B2B2; height: 32px; width: 100%;}#column_1 { background: #8499A5; color: #ffffff; height: auto; width: 20%; margin-top: -11px; float: left;}#column_2 { background: #A58484; color: #ffffff; height: auto; width: 80%; margin-top: -11px; float: right;}#footer {background: #000000;margin: auto; width: 960px; height: 110px; margin-top: -11px; clear: both;} ...and the HTML of the page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <link rel="shortcut icon" href="http://www.ultimate-rockstar.com/favi.ico" type="image/gif" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Explore tousands of creative innoventions ranging from user-submitted designs to endless galleries." /> <meta name="keywords" content="decafx, designs, gfx, graphics, photoshop, photoshop, brushes, paint, gradients, artwork galleries" /> <title>deCafx :: Welcome to artistic universe.</title> <style type="text/css" media="all">@import url(style.css);</style></head>[/left]<body> <div id="wrapper"> <div id="header">Please excuse this text. There will be much, much more to come – believe us. Muahahaha!</div> <div id="body"> <div id="submenu"> <a href="#">Image</a> | <a href="#">Image</a> | <a href="#">Image</a> | <a href="#">Image</a> </div> <div id="column_1"> <ul> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> </ul> </div> <div id="column_2"> <p>Hehe...body text.</p> <p>I love how you're reading this.</p> <p>You do realize that this is just filler...right?</p> <p>This is a total example of how NOT to design an iPod skin.</p> <p>Someday this will be a huge gallery. Watch.</p> <p>No no no - you don't keep reading silly!</p> <p>Fixed the margin corrections!</p> </div> </div> <div id="footer">The footer...yeah, I ######.</div> </div></body></html> Can anyone help me figure out what's wrong, and how to fix it please? I really appreciate it!
×
×
  • Create New...