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

Thread: IE vs firefox

  1. #1
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE vs firefox

    www.captureintegration.com

    I apologize for making this my first post. I hope I can make contributions to this community after I have a little more experience, but for now I am a lost newbie.

    I have managed to style a Wordpress website to my liking after many months of experimentation (I am a photographer, not a web designer).

    The website renders as I want it to in firefox and safari (both win and mac versions). In IE7 the main element is rendered too wide and is forced below the sidebar. I've honestly tried googling to get an answer since I'm sure it is not complicated, but all I could find was references to quirks mode and I relatively sure I am not in quirks mode. Like I said, I am a photographer, and find it difficult to decode the "gobbly-gook" of cross-platform compatibility.

    Could someone give me a hand in figuring out why this element is wider in IE7 than firefox/safari. I would really appreciate it!

    Doug

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    I am not much into the scripting side but, with the CSS, if you put

    *{margin:0;
    padding:0;
    }

    at the very start of your css. It may do the trick. All browsers do not start from the same place margin and padding wise. This will reset everything to zero before you start and often does the trick.

    Easy to do and well worth a try.

    http://cavemonkey50.com/2005/12/the-...ie-hack-guide/ might be worth trying too.

    Frank
    Last edited by effpeetee; 01-21-2008 at 09:08 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    fixed using underscore

    Thanks for your advise. Following the IE hacks link you posted led me to use an underscore to target a set of CSS changes specifically for IE.

    I still don't know what is wrong with the underlying code, but by using absolute positioning for the main element when in IE instead of relative I was able to band-aid the problem so I can get back to adding content!

    What great advice!

    Thanks!

  • #4
    New Coder
    Join Date
    Jan 2008
    Posts
    63
    Thanks
    0
    Thanked 3 Times in 3 Posts
    You can also use the conditional IE stuff in the head to pull in IE specific stylesheets - i.e.
    Code:
    <!--[if IE 7.0]>
      (link to your stylesheet, do some javascript, whatever)
    <![endif]-->
    Which will do things specifically for IE7.
    Web hosting by coders, for coders: php hosting - Magento eCommerce hosting - perl hosting - check us out!


  •  

    Posting Permissions

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