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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Sep 2004
    Location
    USA
    Posts
    314
    Thanks
    7
    Thanked 0 Times in 0 Posts

    FF vs IE Vertical Alignment Problems

    Ok, I can't seem to make the text aligned vertically in both browsers its driving me crazy.

    link removed
    Last edited by Riboflavin; 12-19-2005 at 10:36 PM.

  • #2
    New Coder
    Join Date
    Sep 2005
    Posts
    57
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok, I've modified your style sheet to look like this. Basically what was happening was that Firefox and IE were treating some of your margins/padding differently. I've removed some of the needless padding/margin definitions that were in your original stylesheet.

    Also, as another note, in CSS you do not need to put URLs in quotes, so I've also removed those from your stylesheet.

    Modified stylesheet:
    Code:
    body {
      background-image: url(http://www.gotclam.com/fsmedia/images/bg.gif);
      background-repeat: repeat-x;
      background-color: #0B0B0B;
      text-align: center;
    }
    
    #pageContainer {
      width: 705px;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
    }
    
    #banner {
      background-image: url(http://www.gotclam.com/fsmedia/images/banner.gif);
      width: 705px;
      height: 96px;
    }
    
    #menu {
      background-image: url(http://www.gotclam.com/fsmedia/images/menubg.gif);
      width: 705px;
      height: 37px;
    }
    
    #top {
      background-image: url(http://www.gotclam.com/fsmedia/images/contenttop.gif);
      width: 705px;
      height: 170px;
      position:absolute;
      z-index: 0;
    }
    
    #content {
      width: 705px;
      top: 15px;
      position: relative;
    }
    
    p.rightContent { 
      margin: 0;
      padding: 0;
      margin-left: 270px;
    }
    Your HTML code can remain the same.
    Last edited by Reinspire; 12-19-2005 at 05:16 PM.

  • #3
    Regular Coder
    Join Date
    Sep 2004
    Location
    USA
    Posts
    314
    Thanks
    7
    Thanked 0 Times in 0 Posts
    I've added it, but I can't test in FF right now as I am at school, however the IE height did not change. What does it compare as in FF?

  • #4
    Regular Coder
    Join Date
    Sep 2004
    Location
    USA
    Posts
    314
    Thanks
    7
    Thanked 0 Times in 0 Posts
    After adding a top margin it aligns correctly, thanks so much!
    Last edited by Riboflavin; 12-19-2005 at 10:36 PM.


  •  

    Posting Permissions

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