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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    May 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer content positioning different in IE/FF

    So I'm having problems getting some text and images in the footer of my site to align the same in FF2 and IE 6.

    This is the site: http://www.soilsensor.com

    And this is the css: http://www.soilsensor.com/global.css

    At the bottom there is a footer with a copyright notice and an email icon. In FF this is centered nicely between the top and the bottom of the div. In IE6, this is pushed up against the top of the div.

    At any rate, I can't figure out what is causing this. I know it's probably something simple, but you know how that goes

  • #2
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post
    first I recomend you take care of the errors and make it validate.

    a note.
    w/ xhtml, tags that do not have a 'closing tag' ... they 'self close'.... so img, mets, br, etc would be written as such:

    Code:
    <br /> <img src="foo.jpg" />
    etc...

    also theres no reason for that huge block of <br />'s... use padding or margin instead in the css!

    also, don't use target="_blank" in xhtml either. If you REALLY want to control browser behavior add it client side with JS/domScripting.
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #3
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    I agree with zro@rtv. You need to fix those issues.
    Quote Originally Posted by Squeak View Post
    At the bottom there is a footer with a copyright notice and an email icon. In FF this is centered nicely between the top and the bottom of the div. In IE6, this is pushed up against the top of the div.
    I'm sorry, but there is a bug in IE6 that causes the line-height to be “killed” for any line box with a replaced inline element in it. In your case what is triggering the bug is the mail icon image.

    Microsoft Internet Explorer: Line-height / Replaced Element Bug

    I don't know any good fix for this bug, but as a workaround you can use some top padding in the footer instead of altering the line-height.
    Last edited by koyama; 07-26-2007 at 02:47 AM. Reason: typo

  • #4
    New to the CF scene
    Join Date
    May 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Great, thanks for the tips. This is my first website in probably, oh... 6 years, so I'm struggling a lot to catch up on everything!

  • #5
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,519
    Thanks
    114
    Thanked 110 Times in 109 Posts
    http://w3c.org will get you up to speed
    You can not say you know how to do something, until you can teach it to someone else.


  •  

    Posting Permissions

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