IE 6 width:auto issue.

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

    IE 6 width:auto issue.

    Hi,

    I've implemented a Style Sheet in Dreamweaver; one of the elements is
    supposed to stay right with the text flowing around it on the left. A
    similar tag is supposed to stay left with the text flowing around it to the
    right.

    This "Div" container I use to align pictures. Anyway, In Firefox, the
    container is correctly sized to the aspect ratio and size of the image.
    However, in IE 6, the image is squashed horizontally and the text given more
    room. I wouldn't mind so much if IE correctly adjusted the Y size of the
    image proportionately , but it does not. Is there a work-around that still
    allows me to use Auto for width?

    The tag looks like this:


    ..imagewraprigh t {

    width: auto;
    float: right;
    background: #ffffff;
    padding: 6px;
    margin-left: 6px;
    margin-bottom: 6px;

    }

    The resulting page is here:

    http://www.thermoteknix.com/beta/con...ish/index.html. Note the
    correct positioning/size in Firefox and the incorrect positioning/size in IE
    6.

    Thanks for any help you can give me,



    Robin.


    Tags: None
    • robin
      #2
      Re: IE 6 width:auto issue.

      Additional to the above is an even stranger effect:

      When I go "back" in IE to a different page and then forwards again to the
      page in question, the images are rendered with a correct aspect ratio. When
      I then hit "refresh", they are suddenly sized incorrectly by IE as per the
      issue described in my post above.

      The plot thickens....... ............... ............... .



        Comment

        • The Major
          #3
          Re: IE 6 width:auto issue.

          In message <diioa0$fo5$1$8 300dec7@news.de mon.co.uk>, robin
          <nonono@nomeans no.com> writes[color=blue]
          >Additional to the above is an even stranger effect:
          >
          >When I go "back" in IE to a different page and then forwards again to the
          >page in question, the images are rendered with a correct aspect ratio. When
          >I then hit "refresh", they are suddenly sized incorrectly by IE as per the
          >issue described in my post above.
          >
          >The plot thickens....... ............... ............... .
          >[/color]
          Also the font size is changed for that section in MSIE 6... Opera, and
          as you say Firefox get it right - must be a MS problem!

          --
          Chris Hughes
          "Reality is that which, when you cease to believe, continues to exist."
          http://www.epicure.demon.co.uk

            Comment

            • Arne
              #4
              Re: IE 6 width:auto issue.

              Once upon a time *robin* wrote:
              [color=blue]
              > Additional to the above is an even stranger effect:
              >
              > When I go "back" in IE to a different page and then forwards again to the
              > page in question, the images are rendered with a correct aspect ratio. When
              > I then hit "refresh", they are suddenly sized incorrectly by IE as per the
              > issue described in my post above.
              >
              > The plot thickens....... ............... ............... .[/color]

              You better check your HTML and CSS with the validator.
              HTML: http://validator.w3.org/
              CSS: http://jigsaw.w3.org/css-validator/

              There are some errors that (after correcting) probably will make the
              pages look better in all browsers, maybee even in IE :)

              E.g. end tags for "DIV" which is not open, "font-size: -1" is not
              valid font-size in CSS. You must also put an unit after your number,
              so use percent (%) or "em" and no negative numbers. Only 0 can be a
              length without a unit.

              --
              /Arne
              Now killing all posts originating at GoogleGroups
              Workaround: http://www.safalra.com/special/googlegroupsreply/
              -------------------------------------------------------------

                Comment

                • robin
                  #5
                  Re: IE 6 width:auto issue.

                  [color=blue]
                  > You better check your HTML and CSS with the validator.
                  > HTML: http://validator.w3.org/
                  > CSS: http://jigsaw.w3.org/css-validator/
                  >
                  > There are some errors that (after correcting) probably will make the
                  > pages look better in all browsers, maybee even in IE :)
                  >
                  > E.g. end tags for "DIV" which is not open, "font-size: -1" is not
                  > valid font-size in CSS. You must also put an unit after your number,
                  > so use percent (%) or "em" and no negative numbers. Only 0 can be a
                  > length without a unit.
                  >
                  > --
                  > /Arne
                  > Now killing all posts originating at GoogleGroups
                  > Workaround: http://www.safalra.com/special/googlegroupsreply/
                  > -------------------------------------------------------------[/color]

                  Thanks for the tips. I should pay more attention to what dreamweaver is
                  doing. Anyway, the problem turned out to be the way I have formatted img
                  and p tags in CSS. I removed these as I don't need them anyway (I'm just
                  using the DIV) and all seems to be well.

                  I have a feeling that Validator is going to double my workload.

                  You just can't get the staff!


                    Comment

                    • Stephen Poley
                      #6
                      Re: IE 6 width:auto issue.

                      On Wed, 12 Oct 2005 14:09:50 +0100, "robin" <nonono@nomeans no.com>
                      wrote:
                      [color=blue][color=green]
                      >> You better check your HTML and CSS with the validator.
                      >> HTML: http://validator.w3.org/
                      >> CSS: http://jigsaw.w3.org/css-validator/
                      >>
                      >> There are some errors that (after correcting) probably will make the
                      >> pages look better in all browsers, maybee even in IE :)[/color][/color]
                      [color=blue]
                      >Thanks for the tips. I should pay more attention to what dreamweaver is
                      >doing. Anyway, the problem turned out to be the way I have formatted img
                      >and p tags in CSS. I removed these as I don't need them anyway (I'm just
                      >using the DIV) and all seems to be well.
                      >
                      >I have a feeling that Validator is going to double my workload.[/color]


                      Coming to this a bit late, but I felt I had to comment on this.
                      Validating a page typically takes around fifteen seconds. Unaided
                      chasing down of an obscure error due a missing end tag or suchlike can
                      easily take ten minutes if you are familiar with HTML and a day or so if
                      you have to consult Usenet for help. Validation is a time-saver.

                      --
                      Stephen Poley

                      404 Not Found
                      http://www.xs4all.nl/~sbpoley/webmatters/

                        Comment

                        Previous template Next
                        Working...