5 Replies Latest reply: Feb 21, 2011 11:14 PM by mahendra rajeshirke RSS

    IE7 issue

    mahendra rajeshirke Community Member

      Hi,

       

      i am working on website http://nmpd.myiris.com/

       

      issue is in ie7 , there is extra white space at bottom of page

       

      plz have a look. thnx in advance

        • 1. Re: IE7 issue
          osgood_ CommunityMVP

          First make a back-up of the page (just incase you need to go back to the original)

           

          Using 'clearfix' <divs> is an old method of clearing floats and liable to create unwanted space in some instances.

           

          Delete the two 'clearfix <divs> from the bottom of the pages code:

           

           

             </p><div class="copyright">&copy; 2011 All Right Reserved by Navi Mumbai Police</div>
                  </div>
                 </div>
                </div>
                <div class="clearfix"></div>
                </div><div class="clearfix"></div>
              </body>
          </html>

           

          Then add overflow: hidden; to the 'wrapper and wrap' css selectors or you can write it as below:

           

          #wrapper, #wrap {
          overflow: hidden;
          }

          • 2. Re: IE7 issue
            mahendra rajeshirke Community Member

            hi , its an magin for me. can u explain me the actuall use of overflow:hidden and how does it effect in html

             

            meanwhile , i got trick, i put


            HTML[xmlns] .clearfix{ display:inline !important}

             

            in ie7.css

            • 3. Re: IE7 issue
              osgood_ CommunityMVP

              mahendra rajeshirke wrote:

               

              hi , its an magin for me. can u explain me the actuall use of overflow:hidden and how does it effect in html

               

              meanwhile , i got trick, i put


              HTML[xmlns] .clearfix{ display:inline !important}

               

              in ie7.css


               

              overflow: hidden; set on any container which contains floated elements will wrap the container around the floats. It does exactly the same as the 'clearfix' but without all the extra <divs> in the coding.

               

              It is now the mainstream method to use for clearing floats. Previously all the other methods, of which there are a few, presented their own small issues.

               

              overflow: hidden; seems to work seamlessely x-browser, for me at least.

              • 4. Re: IE7 issue
                Nancy O. CommunityMVP

                The Magic of "Overflow:Hidden"

                http://colinaarts.com/articles/the-magic-of-overflow-hidden/

                 

                 

                Nancy O.


                Alt-Web Design & Publishing
                Web | Graphics | Print | Media  Specialists 
                http://alt-web.com/
                http://twitter.com/altweb
                • 5. Re: IE7 issue
                  mahendra rajeshirke Community Member

                  lol there is article started with "magic" word, anyways thnx