Loading ...
Sorry, an error occurred while loading the content.

33618YUI grids - space between main & side columns

Expand Messages
  • alexknowles090
    Jun 30, 2008
    • 0 Attachment
      Hi all

      using #doc4 and the .yui-t4 template preset, I'm getting a 15 px gap
      between the main div and the sidebar (code below). Try as I might I
      can't seem to remove it so that the two elements sit flush next to
      each other.

      I've tried setting "margin: 0px" on #content, #bd, #yui-main and
      #sidebar with no luck

      can any help?

      thanks
      alex


      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <head>
      <title>YUI Grids CSS </title>
      <!-- Source File -->
      <link rel="stylesheet" type="text/css"
      href="/stylesheets/reset-fonts-grids.css">
      </head>
      <body>
      <div id="doc4" class="yui-t4"> <!-- change class to change preset -->

      <div id="hd"><p>Header</p></div>

      <div id="bd">
      <div id="yui-main">
      <div class="yui-b" id="content">
      <p>Main content</p>
      </div>
      </div>
      <div class="yui-b" id="sidebar">
      <p>Sidebar</p>
      </div>
      </div>

      <div id="ft"></div>

      </div>
      </body>
      </html>
    • Show all 4 messages in this topic