redesign looks funky in IE, please help

Discussion in 'HTML & Website Design' started by lithman, Jun 11, 2006.

0
  1. #1
    Trying to redesign one of my sites. As usual it looks good in FF, but crappy in IE.

    http://www.sonicwildfire.com/test/screenshots.php

    If you notice the sidebar in FF looks fine, the sidebar in IE is getting pushed to the bottom of the page. I'm not too tech savvy with css and stuff, so any help is greatly appreciated!

    Thanks
     
    lithman, Jun 11, 2006 IP
  2. 26global

    26global Peon

    Messages:
    100
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Both your content and your sidebar are floating left. Float your sidebar to the right.

    #content { width: 500px; padding-right: 40px; float: left; }
			
			#sidebar { width: 230px; padding-top: 10px; /*background: #f5f5f5;*/ color: #444; font-size: 1.2em; line-height: 1.5em; float: left; }
    Code (markup):
    #content { width: 500px; padding-right: 40px; float: left; }
			
			#sidebar { width: 230px; padding-top: 10px; /*background: #f5f5f5;*/ color: #444; font-size: 1.2em; line-height: 1.5em; float: right; }
    Code (markup):
    Try that and if it still gets pushed to the bottom search google for "floatutorial"
     
    26global, Jun 11, 2006 IP
  3. lithman

    lithman Well-Known Member

    Messages:
    1,189
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    130
    #3
    Well it pushed the sidebar to the right, but now it won't go to the top of the page. It is still stuck under the adsense on the right side. FF still looks good.

    any other help before i look in a tutorial. Not sure if i can figure it out on my own.. like I said, I don't know much at all about this.
     
    lithman, Jun 11, 2006 IP