18 Replies Latest reply on Aug 18, 2011 9:38 AM by osgood_

    lay out mixed up in IE7

    Igorbuitendijk Level 1

      Hello: I have made a website in IE9. It looks great, but when seen in IE7, the maincontent is at a different place as it should be: all the way to the left,covering the menu. Does someone know how to fix this (for me) big problem??

        • 1. Re: lay out mixed up in IE7
          MurraySummers Level 8

          Hello: I have made a website in IE9.

          You made it in IE9?

           

          It looks great, but when seen in IE7, the maincontent is at a different place as it should be: all the way to the left,covering the menu. Does someone know how to fix this (for me) big problem??

           

          Does the code on the page validate here - http://validator.w3.org?

          • 2. Re: lay out mixed up in IE7
            Igorbuitendijk Level 1

            Yes ,I have

            • 3. Re: lay out mixed up in IE7
              Igorbuitendijk Level 1

              I got the message "this site was checked succesfully as xhtml" No other messages

              • 4. Re: lay out mixed up in IE7
                Igorbuitendijk Level 1

                also checked the css and I got the message that there were no errors and they even congratulated me(??) Do I need to do something like making my site compatible with IE7??

                • 5. Re: lay out mixed up in IE7
                  MurraySummers Level 8

                  Impossible to say without seeing your page and its code.  Can you post a link?

                   

                  And tell me why you are worrying about IE7?

                  • 6. Re: lay out mixed up in IE7
                    Igorbuitendijk Level 1

                    Hi, it is because my site looks well in IE8 and IE9, but when looked at in IE 7, the problem starts: The AP divs I used in the container are covering each other. This has never  happened before. This is the first time I made a website using IE9 and I am immediately having problems.(already uninstalled it and having IE8 back again) Here's the image. The website link is www.re-zen.nlfoute website.jpg

                    • 7. Re: lay out mixed up in IE7
                      Igorbuitendijk Level 1

                      Hi; I have checked my site through a browser checker and indeed it shows the mixed up only on IE7 and less (IE6) So I think I need a kind of compatibility code (?) for displaying my site on IE7??

                      • 8. Re: lay out mixed up in IE7
                        MurraySummers Level 8

                        Why worry about the older versions of IE?

                         

                        Without seeing your actual code and the page, I can't diagnose your problems further, although I'm quite concerned about this statement -

                         

                        "The AP divs I used in the container are covering each other."

                         

                        Using AP elements for layout purposes is usually a big mistake.

                         

                        Can you post a link to the page?

                        • 9. Re: lay out mixed up in IE7
                          ALsp Level 4

                          IE7 market share is still purported to be between 10-12% worldwide. I

                          would, however, only worry about issues that would affect content access

                          and ignore cosmetics. Based on the numbers and the fact that webkit

                          browsers, especially of the Apple flavor, have a number of rendering

                          issues (especially when dealing with CSS3 effects and overflow, and

                          animation/scroll speed) I would ignore them before IE7 in some cases

                           

                          --

                          Al Sparber - PVII

                          http://www.projectseven.com

                          The Finest Dreamweaver Menus | Galleries | Widgets

                          Since 1998

                          • 10. Re: lay out mixed up in IE7
                            Igorbuitendijk Level 1

                            http://www.re-zen.nl

                             

                            In my Dreamweaver learning books using AP div's for lay out is recommended, as one of the Adobe's teachers taught me.

                            • 11. Re: lay out mixed up in IE7
                              MurraySummers Level 8

                              In my Dreamweaver learning books using AP div's for lay out is recommended, as one of the Adobe's teachers taught me.

                               

                              I'm sorry to tell you, but they are poorly informed and you have been misled.  No serious or experienced web developer would ever support recommending that absolute positioning be used for layout.  But rather than argue about this, just show us your page.  And let's see what other participants have to say about the use of absolute positioning as a layout method....

                              • 12. Re: lay out mixed up in IE7
                                BenPleysier Adobe Community Professional & MVP

                                Igor,

                                 

                                If you leave style.css out of the document, you will notice a considerable improvement in the layout in all browsers.

                                 

                                Having said that, the main problem is the overuse of the absolute positioning of your elements. I have always maintained that in a normal layout like yours, there is no need to use positioning at all. You have got a very simple layout which is similar to DW's 2 column fixed, left sidebar and a footer. If you create a page using the following, you can then use HTML and CSS to taylor the site to your requirements.

                                capture.png

                                Als je verdere hulp nodig hebt, kom dan hier terug.

                                Gramps

                                1 person found this helpful
                                • 13. Re: lay out mixed up in IE7
                                  Igorbuitendijk Level 1

                                  Okay, Thanks for the help. I will contact the people who miss informed me, using the AP lay out way Thanks again

                                  • 14. Re: lay out mixed up in IE7
                                    MurraySummers Level 8

                                    Feel free to give them my name.  They are welcome to contact me if they want to discuss this.  But once again, anyone that recommends use of absolute positioning as a primary layout method is either inexperienced in building/supporting real websites, misinformed, or both.

                                    • 15. Re: lay out mixed up in IE7
                                      Igorbuitendijk Level 1

                                      Ha ha,

                                      A bit weird, because I have been studying 3 dreamweaver learning books, all under the name of Adobe. The guy who wrote them, Peter Kassenaar, is a well experienced author and IT guru (at least in holland)

                                      He owns some company's in the IT world and is well known as webdeveloper and usabilityspecialist.

                                      He has also written numerous books.

                                      So I think the two of you can have a week or 2 discussing what's the best way, enjoying a lot of beer etc.

                                      But anyway, thanks for the advice and I will certainly look into the use of floats etc

                                       

                                      greetings from the far Holland!

                                       

                                      From: Murray ACP <forums@adobe.com>

                                      To: Igor Buitendijk <igorbuitendijk2003@yahoo.com>

                                      Sent: Friday, August 12, 2011 6:26 PM

                                      Subject: lay out mixed up in IE7

                                       

                                      Feel free to give them my name.  They are welcome to contact me if they want to discuss this.  But once again, anyone that recommends use of absolute positioning as a primary layout method is either inexperienced in building/supporting real websites, misinformed, or both.

                                      • 16. Re: lay out mixed up in IE7
                                        MurraySummers Level 8

                                        all under the name of Adobe.

                                         

                                        What are the publication dates?  The only references I can find for Peter Kassenaar date from 2001, and there is no reference for him either on the Adobe site or the Adobe press site.  Even in 2001, using absolute positioning as a primary layout tool was regarded as a sub-optimal method.  There are reasons for this, too, primarily related to the fact that as a content container, absolutely positioned elements create havoc on your page when the text view size is changed.  Enlarged text will cause the container to expand vertically, and since absolutely positioned elements are removed from the normal flow, this enlargement cannot push adjacent elements aside, so the text will begin to overlap the adjacent content.  Add to that a secondary problem with absolutely positioned elements when the page also contains centering elements, and you have a tool that cannot be suitable for use by someone who doesn't have a comprehensive grasp of CSS positioning.  If Kassenaar is really recommending (although I doubt it) that one use positioning for layout, then he should be ashamed of himself.

                                        • 17. Re: lay out mixed up in IE7
                                          Igorbuitendijk Level 1

                                          Hi,sorry for my late reaction.

                                          The publication dates I can't find on any of his books, but some of them are:

                                          Flash CS4, dutch and english version

                                          Dreamweaver CS4, dutch and english version

                                          Dynamic websites with Deamweaver

                                          Base course PHP5

                                          He has cooperated as a linguistic reviewer for Adobe, to make the dutch version of Dreamweaver and Flash.

                                          His personal website is www.kassenaar .com

                                           

                                          greetings Igor

                                           

                                           

                                          From: Murray ACP <forums@adobe.com>

                                          To: Igor Buitendijk <igorbuitendijk2003@yahoo.com>

                                          Sent: Friday, August 12, 2011 7:42 PM

                                          Subject: lay out mixed up in IE7

                                           

                                          all under the name of Adobe.

                                           

                                          What are the publication dates?  The only references I can find for Peter Kassenaar date from 2001, and there is no reference for him either on the Adobe site or the Adobe press site.  Even in 2001, using absolute positioning as a primary layout tool was regarded as a sub-optimal method.  There are reasons for this, too, primarily related to the fact that as a content container, absolutely positioned elements create havoc on your page when the text view size is changed.  Enlarged text will cause the container to expand vertically, and since absolutely positioned elements are removed from the normal flow, this enlargement cannot push adjacent elements aside, so the text will begin to overlap the adjacent content.  Add to that a secondary problem with absolutely positioned elements when the page also contains centering elements, and you have a tool that cannot be suitable for use by someone who doesn't have a comprehensive grasp of CSS positioning. 

                                          If Kassenaar is really recommending (although I doubt it) that one use positioning for layout, then he should be ashamed of himself.

                                          • 18. Re: lay out mixed up in IE7
                                            osgood_ Level 8

                                            Igorbuitendijk wrote:

                                             


                                            His personal website is www.kassenaar .com

                                             




                                            Copyright (c) 1996-2004, Peter Kassenaar, all rights reserved


                                            I'd stop reading this guys books immediately!