Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Feb 2008
    Location
    Boston, MA
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts

    IE spacing issues... surprise, suprise.

    So this is my website and it looks fine in FF, but I was told that in IE it is all messed up. So upon checking it out, my critics were correct and the site seems to have some aligning issues in IE that it does not have in FF. I tried the display in line trick and that just really messed things up, so any thoughts?? The sites URL is http://www.iamcaplan.com. Any suggestions will be most helpful. Thanks!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    What exactly is the problem and what version of IE is messing up in?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    That might be an issue with floats, have a try by increasing the width of container or decreasing the width of menu/ content.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    New Coder
    Join Date
    Feb 2008
    Location
    Boston, MA
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts
    So the problem is at least is IE7 (this is the only IE that I have), and it looks as if the content div is being displayed below the menu, which is supposed to be next to the content on the left. I have tried to decrease the size of the menu, decrease the size of the content, increase the size of the container, and try to decrease the size of both with the container size increased... None of these seem to work. Thoughts?

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    The left margin on #content plus the width was causing IE to put the content below the menu. Try this for #content.
    Code:
    #content {
    color: #F00;
    background-image: url(images/home.jpg);
    width: 570px;
    min-height: 500px;
    margin: 75px 0 0 7px;
    float:left;
    padding: 0;
    display:inline;
    border:0;
    }
    Be sure to clear your floats. To see how to do that read this: http://positioniseverything.net/easyclearing.html

    And WHY do you have multiple stylesheets instead of just one? There is no need especially when a lot of your styles are repeating. To give access to the main stylesheet in your other pages do something like this
    Code:
    <link rel="stylesheet" href="/style.css" type="text/css">
    Make sure any background images in the stylesheet also have the leading forward slash so the browser knows where to get the images.
    Last edited by _Aerospace_Eng_; 02-25-2008 at 04:59 AM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    New Coder
    Join Date
    Feb 2008
    Location
    Boston, MA
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Aerospace, you rock! Thanks so much for helping me out. I'm at work right now, but when I get home I will give it a go and let you know if it works. Thanks agian!


  •  

    Posting Permissions

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