Css help

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • pecan

    Css help

    I'm back!

    I can't find a css group, or I'd ask this there, so maybe someone here
    can help me?

    Here's the url: http://www.africanbush.co.za/New/index.html

    Here's the problem:
    The logo on the left hand side is in the right place in FF, but in IE6
    it moves over to the middle of the page instead of the middle of the
    div. I've Googled for a solution, but haven't found one yet.
    Everything validates.

    Catherine
  • dorayme

    #2
    Re: Css help

    In article <gbfp3f$6s1$1@r egistered.motza rella.org>,
    pecan <pecan@NOSPAMro uxville.infowro te:
    I'm back!
    >
    I can't find a css group, or I'd ask this there, so maybe someone here
    can help me?
    >
    Here's the url: http://www.africanbush.co.za/New/index.html
    >
    Here's the problem:
    The logo on the left hand side is in the right place in FF, but in IE6
    it moves over to the middle of the page instead of the middle of the
    div. I've Googled for a solution, but haven't found one yet.
    Everything validates.
    >
    Catherine
    No time to check myself your code but look at

    <http://www.positionise verything.net/explorer/doubled-margin.html>

    --
    dorayme

    Comment

    • pecan

      #3
      Re: Css help

      dorayme wrote:
      In article <gbfp3f$6s1$1@r egistered.motza rella.org>,
      pecan <pecan@NOSPAMro uxville.infowro te:
      >
      >I'm back!
      >>
      >I can't find a css group, or I'd ask this there, so maybe someone here
      >can help me?
      >>
      >Here's the url: http://www.africanbush.co.za/New/index.html
      >>
      >Here's the problem:
      >The logo on the left hand side is in the right place in FF, but in IE6
      >it moves over to the middle of the page instead of the middle of the
      >div. I've Googled for a solution, but haven't found one yet.
      >Everything validates.
      >>
      >Catherine
      >
      No time to check myself your code but look at
      >
      <http://www.positionise verything.net/explorer/doubled-margin.html>
      >
      I only have margin: auto or margin; 0 in the page, except for one or two
      bottom margins.

      Thanks for the link - it's very similar to one I saw earlier today, but
      far more concise. And easier to read.

      Catherine

      Comment

      • pecan

        #4
        Re: Css help

        pecan wrote:
        dorayme wrote:
        >In article <gbfp3f$6s1$1@r egistered.motza rella.org>,
        > pecan <pecan@NOSPAMro uxville.infowro te:
        >>
        >>I'm back!
        >>>
        >>I can't find a css group, or I'd ask this there, so maybe someone
        >>here can help me?
        >>>
        >>Here's the url: http://www.africanbush.co.za/New/index.html
        >>>
        >>Here's the problem:
        >>The logo on the left hand side is in the right place in FF, but in
        >>IE6 it moves over to the middle of the page instead of the middle of
        >>the div. I've Googled for a solution, but haven't found one yet.
        >>Everything validates.
        >>>
        >>Catherine
        >>
        >No time to check myself your code but look at
        ><http://www.positionise verything.net/explorer/doubled-margin.html>
        >>
        >
        I only have margin: auto or margin; 0 in the page, except for one or two
        bottom margins.
        >
        Thanks for the link - it's very similar to one I saw earlier today, but
        far more concise. And easier to read.
        >
        Catherine
        Okay, I solved the problem.
        Dorayme gave me an idea, and I checked and the width of the floating div
        was set to auto - when I gave it a fixed width it went back to normal.

        Catherine

        Comment

        • Jonathan N. Little

          #5
          Re: Css help

          pecan wrote:
          pecan wrote:
          >dorayme wrote:
          >>In article <gbfp3f$6s1$1@r egistered.motza rella.org>,
          >> pecan <pecan@NOSPAMro uxville.infowro te:
          >>>
          >>>I'm back!
          >>>>
          >>>I can't find a css group, or I'd ask this there, so maybe someone
          >>>here can help me?
          >>>>
          >>>Here's the url: http://www.africanbush.co.za/New/index.html
          >>>>
          >>>Here's the problem:
          >>>The logo on the left hand side is in the right place in FF, but in
          >>>IE6 it moves over to the middle of the page instead of the middle of
          >>>the div. I've Googled for a solution, but haven't found one yet.
          >>>Everything validates.
          >>>>
          >>>Catherine
          >>>
          >>No time to check myself your code but look at
          >><http://www.positionise verything.net/explorer/doubled-margin.html>
          >>>
          >>
          >I only have margin: auto or margin; 0 in the page, except for one or
          >two bottom margins.
          >>
          >Thanks for the link - it's very similar to one I saw earlier today,
          >but far more concise. And easier to read.
          >>
          >Catherine
          >
          Okay, I solved the problem.
          Dorayme gave me an idea, and I checked and the width of the floating div
          was set to auto - when I gave it a fixed width it went back to normal.
          >
          I would also say that your empty-dimensioned-with-background-image
          method of building your logo elements is overly complicating your problem.

          Background images are decor. The eagle is decoration, but I would argue
          that "Zilwerwind Tours" and "Welcome" are content and therefore should
          be images and thus content

          img#logo, img#welcome { display: block; margin: auto; }

          ....
          <img id="logo" src="zilogo360. gif" width="360" height="198"
          alt="Zilwerwind Tours">
          ....
          <img id="welcome" src="welogo.gif " width="148" height="175" alt="Welcome">
          ....


          --
          Take care,

          Jonathan
          -------------------
          LITTLE WORKS STUDIO

          Comment

          • Harlan Messinger

            #6
            Re: Css help

            pecan wrote:
            I'm back!
            >
            I can't find a css group, or I'd ask this there, so maybe someone here
            can help me?
            comp.infosystem s.www.authoring.stylesheets

            Comment

            • pecan

              #7
              Re: Css help

              Harlan Messinger wrote:
              pecan wrote:
              >I'm back!
              >>
              >I can't find a css group, or I'd ask this there, so maybe someone here
              >can help me?
              >
              comp.infosystem s.www.authoring.stylesheets
              Thank you. Now subscribed.

              Comment

              Working...