Announcement Announcement Module
Collapse
No announcement yet.
weird IE6 rendering Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse

  • Yehoshua
    Resume
    Yehoshua
    You guys helped me create my logo, now help me put it into action! Is there a better typeface that would fit the logo and style of the resume apart from Helvetica Neue? Some geometric sans that I don't...
    Today, 07:12 AM
  • Yehoshua
    Reply to Graphic design career
    Yehoshua
    I'm obtaining a design education right now. The most important thing to do in and out of school is to learn. Devour every bit of design information you can, and learn your design history***. Network (go...
    Today, 06:58 AM
  • B
    Reply to Macbook Air 11" or Macbook Air 13"?
    B
    I'd sure not want to do real work on a 11-inch display or, for that matter, a 13-inch display. But what kind of work would you really be doing on it since you have an iMac at home? A small MacBook Air...
    Today, 02:03 AM
  • justcode247
    Graphic design career
    justcode247
    Hi, I am an aspiring graphic designer and would like the advice from creatives in the field. From reading the posts/threads in this forum, I realize it may be difficult for entry-level designers to find...
    Today, 12:29 AM
  • NostalgiaSeeker
    Reply to Critique for my business card
    NostalgiaSeeker
    It was your post, it was green for a while and stopped being green, maybe it was a bug. Does anyone know what it's called when you see a bad design and get a headache just by seeing it? Is there a...
    Today, 12:11 AM

Powered by mediabistro.com
Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
X
Conversation Detail Module
Collapse
  • 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, 10:23 PM.

                  Comment

                  Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
                  Working...
                  X