Stylesheets - IE 6 width:auto issue.

Author

IE 6 width:auto issue.

robin

2005-10-12, 6:23 am

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:

..imagewrapright {

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

}

The resulting page is here:

http://www.thermoteknix.com/beta/co...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.

robin

2005-10-12, 6:27 pm

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......................................

The Major

2005-10-12, 6:27 pm

In message <diioa0$fo5$1$8300dec7@news.demon.co.uk>, robin
<nonono@nomeansno.com> writes
>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......................................
>
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

Arne

2005-10-12, 6:27 pm

Once upon a time *robin* wrote:

> 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......................................

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/
-------------------------------------------------------------

robin

2005-10-12, 6:27 pm

> 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/
> -------------------------------------------------------------

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!

Stephen Poley

2005-10-16, 6:23 pm

On Wed, 12 Oct 2005 14:09:50 +0100, "robin" <nonono@nomeansno.com>
wrote:

[color=darkred]
>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.

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

http://www.xs4all.nl/~sbpoley/webmatters/