www.webdeveloper.com
Results 1 to 2 of 2

Thread: Sidebar Issues

  1. #1
    Join Date
    Aug 2012
    Posts
    1

    Exclamation Sidebar Issues

    Hey webdeveloper.com Peers,

    I am working on an update to a personal sandbox, which is coded mainly in HTML and CSS, and I have run into an issue with a sidebar I wanted to put on the right side of the page. In the PSD I was working with (click here for a screencap), I have the sidebar separate from the posts, but when I went to code this sidebar, it overlapped the post divs (see http://www.dfinksand.tk/ to see this issue in action).

    Does anyone know what is causing this, and how to fix it? If you do, please email me at dfinkdev@outlook.com and I can provide you any of the files that you might need for this.

    Thanks,
    David Fink

    Rancid Developments
    http://www.ranciddev.tk

  2. #2
    Join Date
    Jun 2006
    Location
    Boston, MA
    Posts
    383
    you should change the body content to 2 columns rather than floating right, its easier to maintain without clearfixes and whatnot...

    something like this:
    HTML Code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style>
    #header{float:left;width:960px;height:100px;margin-bottom:20px}
    #content{float:left;width:960px;height:300px}
    #left{float:left;width:720px;height:300px;margin-right:20px}
    #right{float:left;width:220px;height:300px;margin-bottom:20px}
    #footer{float:left;width:960px;height:50px}
    </style>
    </head>
    <body>
    <div id="header"></div>
    <div id="content">
    	<div id="left"></div>
        <div id="right"></div>
    </div>
    <div id="footer"></div>
    </body>
    </html>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles