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

    Internet Explorer Layout issues in IE in index.html files only

    Hello,

    I am having issues with how certain pages look in IE. They look fine in all other browsers but it seems any version of IE does not centre the template and displays padding strangely (with gaps etc).

    The files are as index files in folders:

    http://www.poboxgallery.com/projects/ (and all files contained within this folder are index files too and they also don't display).

    I have tried a version of the file outside the folder here and it looks fine:

    http://www.poboxgallery.com/test.html

    I cannot understand why this is happening, would be so grateful for some advice.

    Thank you

  • #2
    Regular Coder mbaker's Avatar
    Join Date
    Jan 2010
    Location
    Burford, Oxfordshire, United Kingdom
    Posts
    249
    Thanks
    1
    Thanked 39 Times in 39 Posts
    Before trying to get your pages to behave as you want them to in all browsers it is a really good idea to ensure that they only contain valid HTML and CSS.

    See my sig below for links to the W3C validators.
    - Michael Baker - HTML Tags Guide - Reference and Tutorials
    - Like voting, validate early, validate often - W3C HTML Validator - W3C CSS Validator
    - Wot? me cynical? no, its just if you vote, er, validate early, you have more chance of validating often.

  • #3
    New Coder
    Join Date
    May 2010
    Posts
    15
    Thanks
    2
    Thanked 1 Time in 1 Post
    you may already know but if not you now know IE is terrible with CSS specifically the older versions but there is an easy solution

    you can make style sheets specifically for IE by using
    Code:
    <!--[if IE]>
    	<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
    <![endif]-->
    this goes in the head section and only IE will read this so you can set all the margins and padings etc in that to fix them in IE.

    There is more info on this here:
    http://css-tricks.com/how-to-create-...ly-stylesheet/

    hope it helps


  •  

    Tags for this Thread

    Posting Permissions

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