1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

General Internet Explorer Positioning Error

Discussion in 'General' started by [[Josh]], Jan 28, 2008.

  1. [[Josh]]

    [[Josh]] New Member

    Website: www.rs-videos.net

    Problem: The main text on Internet Explorer moves out of it's real position.

    On Internet Explorer it's like this:
    [​IMG]
    [​IMG]

    Why is it doing this, and how do I fix this problem?
     
    [[Josh]], Jan 28, 2008
    #1
  2. Dizzie92

    Dizzie92 New Member

    everything looks fine and center for me. The only thing I can think of is you messed with the coding in some way, or your version of IE is out of date. Try looking at the coding first, and if everything looks good maybe you should try updating IE.
     
    Dizzie92, Jan 30, 2008
    #2
  3. [[Josh]]

    [[Josh]] New Member

    No, I don't use IE. I use Firefox, but other people have spoken to me and said the layout is wrong. I checked this out and it's like that in IE (even with the latest update). My College also uses IE and the layout is wrong there too, but when I use Firefox at College the layout is correct.
     
    [[Josh]], Jan 30, 2008
    #3
  4. Dizzie92

    Dizzie92 New Member

    well its fine for me. Im not great with positioning with an absolute value. Instead of using an absolute value, try setting the position of the header to center, and same with the main content box. Use the absolute value for the two side bars. Im not 100% sure if it will work but give it a try.
     
    Dizzie92, Jan 30, 2008
    #4
  5. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    looks fine on my pc in IE 6&7
    run your web through http://validator.w3.org/ as you have lots of coding errors and through http://jigsaw.w3.org/css-validator/

    check out liquid layouts
    http://www.netmag.co.uk/zine/develop-css/create-a-simple-liquid-layout
    and
    http://www.maxdesign.com.au/presentation/liquid/

    all the major browsers conform to w3c standards but IE does not, yet as much as firefox is gaining market share IE still holds over 76 % as of Dec 2008 which means most people view you in IE.
    get this add on for firefox so you can switch viewsbetween firefox and ie
    https://addons.mozilla.org/en-US/firefox/addon/35

    Finally I would move away from from the three inline style sheets and make them external. For some reason this seems to clean up alot of problems with IE. Check out TopStyle Pro 3.5 for css it will even tell you if your code will work with IE.
     
    ishkey, Jan 30, 2008
    #5
  6. [[Josh]]

    [[Josh]] New Member

    http://jigsaw.w3.org/css-validator/ says I have nothing wrong when http://validator.w3.org/ says I have 83 errors which is just too many for me to work out how to sort, as I don't know much about how to code. I know a few basic codes but not complex like the errors it's telling me to fix.


    I also downloaded TopStyle which doesn't help either because I can't work out how to use it and the preview of my style.css page looks nothing like what I actually have :confused:
     
    [[Josh]], Feb 1, 2008
    #6
  7. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Here below are the page errors I found start from the top and work down. Because when you do it seems to clear up other problems that follow. The (###) are the line errors if your editor does not show line numbers then download http://www.pspad.com/en/ and install it, as a matter of fact just install it. Put a link on your desktop you use this editor alot and you can quickly right click a file and open it in pspad. Trust me.
    Again as said before IE does not conform to W3C standards and when IE sees inline styles it does have a tendencey to transpose those styles to its liking. Try http://www.w3.org/People/Raggett/tidy/ Clean up your Web pages. You are running on Server: Microsoft-IIS/6.0 X-Powered-By: ASP.NET You may like firefox but your server is stacked against you sorta speaking. Your Markup validation indicates the page is not a Valid XHTML 1.0 Transitional as indicated in your page declaration. Try writting for <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> IE seems to work better this way.
    Hope this helps. Ishkey

    [Error] NoName.html (135): End tag </ul> without start tag
    [Error] NoName.html (149): End tag </ul> without start tag
    [Error] NoName.html (199): Tag <style> can't be here
    [Error] NoName.html (282): End tag </param> without start tag
    [Error] NoName.html (282): End tag </param> without start tag
    [Error] NoName.html (291): End tag </param> without start tag
    [Error] NoName.html (291): End tag </param> without start tag
    [Error] NoName.html (332): End tag </img> without start tag
    [Error] NoName.html (335): End tag </input> without start tag
    [Error] NoName.html (337): End tag </input> without start tag
    [Error] NoName.html (339): End tag </input> without start tag
    [Error] NoName.html (347): End tag </input> without start tag
    [Error] NoName.html (350): End tag </input> without start tag
    [Error] NoName.html (354): End tag </input> without start tag
    [Error] NoName.html (355): End tag </input> without start tag
    [Error] NoName.html (356): End tag </input> without start tag
    [Error] NoName.html (357): End tag </input> without start tag
    [Error] NoName.html (358): End tag </input> without start tag
    [Error] NoName.html (359): End tag </input> without start tag
    [Error] NoName.html (369): End tag </div> without start tag
    [Error] NoName.html (371): End tag </div> without start tag
    [Error] NoName.html (336): Undefined internal link sbi
    [Error] NoName.html (338): Undefined internal link sbb
    [Error] NoName.html (348): Undefined internal link ss0
    [Error] NoName.html (351): Undefined internal link ss1
    [Warning] NoName.html (365): End tag </p> without start tag
     
    ishkey, Feb 1, 2008
    #7
  8. [[Josh]]

    [[Josh]] New Member

    As I said before, I'm no good at the codes or checking errors.
    " [Error] NoName.html (291): End tag </param> without start tag
    [Error] NoName.html (332): End tag </img> without start tag
    [Error] NoName.html (335): End tag </input> without start tag
    [Error] NoName.html (337): End tag </input> without start tag"

    I don't understand any of that :(

    And I can't find the 'Clean up your Web pages' download link...
    Well I found one but it just opens a cmd box and does nothing...
     
    [[Josh]], Feb 2, 2008
    #8
  9. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    I need your style.css please Up load it in a zip file. I can fix several coding errors without it but I can not see if the page will come out right.
     
    ishkey, Feb 2, 2008
    #9
  10. [[Josh]]

    [[Josh]] New Member

    The link has been sent to you in the PM on the website.
     
    [[Josh]], Feb 4, 2008
    #10
  11. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Got It. Working on it.
     
    ishkey, Feb 4, 2008
    #11
  12. [[Josh]]

    [[Josh]] New Member

    Ok thanks loads!
    Can you post on here when your done and any notes I need to know:D:D
     
    [[Josh]], Feb 6, 2008
    #12