Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Any idea why this is shifting?

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #30289
    benkenobi77
    Participant

    http://www.abrahamkinney.com

    my main content area is fine in Firefox/Chrome/Safari but Opera and IE shift my main content area/sidebar get a huge shift. Any help greatly appreciated. Thanks.

    #79573
    trav
    Member

    Somewhere error in HTML code. Like this




      not close. And Just close this tag, and everything will fall into place.



      Opera and IE bad interprets the code and responds poorly to mistakes.
      sweet cat :)

      #79580
      seeingsound
      Member

      You have 2 body tag openings.
      And this needs fixing:



      Validate to find other mistakes.

      It’s not Opera(or IE) fault when your code has errors :)

      #79479
      kevsyers
      Participant

      As others have mentioned there seems to be a few unbalanced tags in your code. A quick fix of them should solve your problem. Get the web developer tool bar for firefox, you can validate your code straight from there. (There are plenty of other ways as well).

      #79445
      benkenobi77
      Participant

      thank you guys so much. i feel like a total moron. it is so easy to assume it is IE – i got lazy and forgot to double check my code. I am going through the rest of it to double check. Have one more question, though, that I didn’t see a validation reason as the cause – now that my positioning is almost there my little page dependent header graphics (upper right of the main content area on each page – a pencil for illustration, etc…) are not fitting into where they should. Will I need a conditional IE style for this or is it something else?

      #79430
      trav
      Member

      Set “page_icon” position: absolute and top: 0; right: 0 or flow:right. And set background-repeat:no-repeat. This is a quick way. It is more convenient to use probably wakes background for “page_head”, not very good to use as tag “img”.

      But your div “page_head” not to be position: absolute, let it just goes in the flow “main_content”.

      And in place http://abrahamkinney.com/contact can also reduce the amount of code.

      Do not use a common position: absolute. This is a bad way.

      #79326
      benkenobi77
      Participant

      @trav – that worked perfect. any idea why IE put a little image icon over my ‘page_icon’? Can I email you?

      #79321
      trav
      Member

      Do not use both the tag “img” so, replace

       
    Viewing 8 posts - 1 through 8 (of 8 total)
    • The forum ‘CSS’ is closed to new topics and replies.