Images breaking div

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • andrew
    #1

    Images breaking div

    Hi,

    I am working on a page:

    http://www.andrews-corner.org/test/


    and I am having a little trouble with the footer div in that the images will
    break the div with high display settings. Am I going about
    this the right way?

    I realise that it may seem a little inflammatory to have the W3C icons
    in place but these have been requested. My aplogies in advance :-)

    Andrew
    --
    http://www.andrews-corner.org

    Tags: None
    • Beauregard T. Shagnasty
      #2
      Re: Images breaking div

      andrew wrote:
      http://www.andrews-corner.org/test/

      >
      and I am having a little trouble with the footer div in that the
      images will break the div with high display settings. Am I going
      about this the right way?
      What exactly do you mean by "high display settings?"

      The footer (and the page) looks fine to me.
      Ubuntu, Firefox 3.0b5, Opera 9.27

      --
      -bts
      -Friends don't let friends drive Windows

        Comment

        • dorayme
          #3
          Re: Images breaking div

          In article <20080605124917 .680@ilium.andr ews-corner.org>,
          andrew <andrew@ilium.i nvalidwrote:
          Hi,
          >
          I am working on a page:
          >
          http://www.andrews-corner.org/test/

          >
          and I am having a little trouble with the footer div in that the images will
          break the div with high display settings. Am I going about
          this the right way?
          >
          I realise that it may seem a little inflammatory to have the W3C icons
          in place but these have been requested. My aplogies in advance :-)
          >

          Hi Andrew,

          Add overflow: hidden; on your #footer. You might need a simple clearing
          div for IE6.

          This fixes for modern browsers:

          <div id="footer" style="overflow : hidden;">

          --
          dorayme

            Comment

            • dorayme
              #4
              Re: Images breaking div

              In article <48475ba7$0$201 79$4c368faf@roa drunner.com>,
              "Beauregard T. Shagnasty" <a.nony.mous@ex ample.invalidwr ote:
              andrew wrote:
              >
              http://www.andrews-corner.org/test/


              and I am having a little trouble with the footer div in that the
              images will break the div with high display settings. Am I going
              about this the right way?
              >
              What exactly do you mean by "high display settings?"
              >
              The footer (and the page) looks fine to me.
              Ubuntu, Firefox 3.0b5, Opera 9.27
              You can see what he means if you make the text size real small! <g>

              --
              dorayme

                Comment

                • andrew
                  #5
                  Re: Images breaking div

                  On 2008-06-05, dorayme <doraymeRidThis @optusnet.com.a uwrote:
                  Add overflow: hidden; on your #footer. You might need a simple clearing
                  div for IE6.
                  >
                  This fixes for modern browsers:
                  >
                  ><div id="footer" style="overflow : hidden;">
                  That fixes the problem nicely, thank you very much!

                  Andrew
                  --
                  http://www.andrews-corner.org

                    Comment

                    • Beauregard T. Shagnasty
                      #6
                      Re: Images breaking div

                      dorayme wrote:
                      "Beauregard T. Shagnasty" <a.nony.mous@ex ample.invalidwr ote:
                      >
                      >andrew wrote:
                      >>
                      >>http://www.andrews-corner.org/test/
                      >>>
                      >>and I am having a little trouble with the footer div in that the
                      >>images will break the div with high display settings. Am I going
                      >>about this the right way?
                      >>
                      >What exactly do you mean by "high display settings?"
                      >>
                      >The footer (and the page) looks fine to me. Ubuntu, Firefox 3.0b5,
                      >Opera 9.27
                      >
                      You can see what he means if you make the text size real small! <g>
                      Real small... who'da thunk it? Well, by now he must have fixed
                      whatever was happening, as going so small as to have the whole page
                      taking up a mere two-inch square, the footer doesn't do anything odd.

                      --
                      -bts
                      -Friends don't let friends drive Windows

                        Comment

                        • dorayme
                          #7
                          Re: Images breaking div

                          In article <4847d70e$0$705 3$4c368faf@road runner.com>,
                          "Beauregard T. Shagnasty" <a.nony.mous@ex ample.invalidwr ote:
                          dorayme wrote:
                          >
                          "Beauregard T. Shagnasty" <a.nony.mous@ex ample.invalidwr ote:
                          andrew wrote:
                          >
                          >http://www.andrews-corner.org/test/
                          >>
                          >and I am having a little trouble with the footer div in that the
                          >images will break the div with high display settings. Am I going
                          >about this the right way?
                          >
                          What exactly do you mean by "high display settings?"
                          >
                          The footer (and the page) looks fine to me. Ubuntu, Firefox 3.0b5,
                          Opera 9.27
                          You can see what he means if you make the text size real small! <g>
                          >
                          Real small... who'da thunk it? Well, by now he must have fixed
                          whatever was happening, as going so small as to have the whole page
                          taking up a mere two-inch square, the footer doesn't do anything odd.
                          Read the fix I gave him. There is no need to go to such smallness to see
                          the problem, the icons overflow the big wrapper border at some browser
                          settings.

                          --
                          dorayme

                            Comment

                            Previous template Next
                            Working...