Announcement

Collapse
No announcement yet.

weird IE6 rendering

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • weird IE6 rendering

    so got a problem with the way a site shows up in IE6. It works fine in the latest IE and Firexfox and Safari......however in IE6 the address information in the top right corner is moved down causing several div to move down. it is like been moved down to the base of the header or something. anyone got css ideas.
    the site is
    www.studenberg-law.com

    many thanks.
    Its not "Mitch-ed" stupid....its Me-Show.

  • #2
    I took a real quick look, maybe try floating the address div left instead of right since you have all your other divs floating left.

    Comment


    • #3
      wont that move it over the logo or beneath the logo?
      Its not "Mitch-ed" stupid....its Me-Show.

      Comment


      • #4
        Originally posted by calebm12 View Post
        wont that move it over the logo or beneath the logo?
        It will move up against the logo div which si floated left as well. You might have to adjust your padding and margins afterward. Do you have Firebug extension for Firefox? it will help diagnose problems, and you can change css in the browser to see if it fixes or messes things up.

        Comment


        • #5
          yea i got the firebug extension....i just dont have IE6 at home. was on another computer today that has it and noticed it. so it will be a tedious process....hahaha.....i will try floating it left and adding some padding and see what happens. thansk.
          Its not "Mitch-ed" stupid....its Me-Show.

          Comment


          • #6
            My recommendation is to forget about floating and position the header relatively then position the logo and div containing the address info absolute. That will take care of the problem. Floating everything is rarely the answer.

            Comment


            • #7
              HTML Code:
              #header {
              	width: 853px;
              	height: 150px;
              	background: #fff url(Images/css_header.jpg) no-repeat top left;
              	position: relative;
              }
              
              #header #logo {
              	width: 343px;
              	height: 95px;
              	background: #fff url(Images/weblogo.jpg) no-repeat top left;
              	position: absolute;
              	top: 37px;
              	left: 30px;
              }
              
              #header #address {
              	position: absolute;
              	height: 95px;
              	width: 425px;
              	top: 37px;
              	right: 30px;
              }

              Comment


              • #8
                great...many thanks!
                Its not "Mitch-ed" stupid....its Me-Show.

                Comment


                • #9
                  I take it that did the job?

                  If you like floating everything then you should look into absolute faux positioning. The technique produces consistent results across all browsers (including IE6). Great for column intensive layouts.
                  Last edited by tZ; 06-02-2009, 05:23 PM.

                  Comment

                  Search

                  Collapse

                  Sponsor

                  Collapse

                  Incredible Stock

                  Latest Topics

                  Collapse

                  • PrintDriver
                    Reply to Feedback for a poster design
                    PrintDriver
                    You have 2 days. That's 48 hours with a lot of coffee. If something is not working, you fix it.Making more work for yourself isn't part of the equation. A client's piece is about the client, not about...
                    Today, 03:19 PM
                  • PrintDriver
                    Reply to 100% cotton t-shirt printing INK HELP
                    PrintDriver
                    This is a low end Ricoh printer that prints to sublimation paper.
                    A quick check on the intertoobs told me that the inks used on this paper in this machine only print to polyester, or ''sublimation-ready''...
                    Today, 02:58 PM
                  • PrintDriver
                    Comment on QuarkXPress 2017 introduced
                    PrintDriver
                    The next time someone from Apple shows up here and tries to post a link, we'll find out.
                    Today, 02:48 PM
                  • PrintDriver
                    Reply to Printing help
                    PrintDriver
                    You need to find out very first thing, how removable this needs to be. There are any number of ways of putting text into a window, but after a time, it can be difficult to remove.

                    The first...
                    Today, 02:29 PM
                  • mguenther
                    Reply to QuarkXPress 2017 introduced
                    mguenther
                    No advertising??? So when a new Mac is released you also wouldn't allow to link to Apple's website and its specs there?

                    Cheers
                    Matthias...
                    Today, 01:31 PM
                  GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
                  Working...
                  X