I like to use the width=w% in HTML img tags on pages with text flowing around
the images. I like to use tables to keep relavent text and images together.
This allows relatively consistant viewing on various resolutions and window
sizes. IE does not behave well for me. I don't know how it calculates what
100% is but it is not window size. It opens a horizontal scroll bar and It
randomly changes what I specified as percentage image width! When I use
tables it does not resize the images as I change the window size. If I
remove the use of tables, IE will resize the images properly, but it will
place images over text and over other images! No browser should do that even
to guy like me who can really write simplistic and poor HTML. Any
suggestions as to how I can get around this problem would be welcome. Using
Firefox is one solution, it works well, but not everyone uses it. To take a
look at my offending HTML go to: HTTP://www.tdcnet.ca/~byerlay/croatia
--
Paul

Hi,
Try declaring a doctype in the header- probably "strict."
http://www.w3schools.com/tags/tag_doctype.asp

Hope this helps,
Don
[MS MVP- IE]

"Paul-the-dreamer" <Paulthedreamer@discussions.microsoft.com> wrote in
message news:F61C9DB9-9BE6-42A5-B702-A2A81A7E08EE@microsoft.com...
> I like to use the width=w% in HTML img tags on pages with text flowing
around
> the images. I like to use tables to keep relavent text and images
together.
> This allows relatively consistant viewing on various resolutions and
window
> sizes. IE does not behave well for me. I don't know how it calculates
what
> 100% is but it is not window size. It opens a horizontal scroll bar and
It
> randomly changes what I specified as percentage image width! When I use
> tables it does not resize the images as I change the window size. If I
> remove the use of tables, IE will resize the images properly, but it will
> place images over text and over other images! No browser should do that
even
> to guy like me who can really write simplistic and poor HTML. Any
> suggestions as to how I can get around this problem would be welcome.
Using
> Firefox is one solution, it works well, but not everyone uses it. To take
a
> look at my offending HTML go to: HTTP://www.tdcnet.ca/~byerlay/croatia
>
> Paul

Thanks for the suggestion Don. I tried this and it makes no difference
unfortunately IE still arbitrarily alters the picture width % both up and
down and insists on opening up a horizontal scroll bar no matter weather I
specify doctype "strict", "transitional" or no doctype at all.

I am still wondering if this is a bug in IE. Am I the only one who uses the
width % on IMG tags? Hard to believe. Maybe others don't use it enough to
cause the problem, or they just accept that there are bugs in IE. Alright,
more likely I am doing something wrong. I am using IE 7.0 and Windows Vista,
but the result is the same with my old system IE 6 and Windows 98!

Any other suggestions?
--
Paul


"Don Varnau" wrote:

> Hi,
> Try declaring a doctype in the header- probably "strict."
> http://www.w3schools.com/tags/tag_doctype.asp
>
> Hope this helps,
> Don
> [MS MVP- IE]
>

Paul-the-dreamer wrote:
> Thanks for the suggestion Don. I tried this and it makes no difference
> unfortunately IE still arbitrarily alters the picture width % both up and
> down and insists on opening up a horizontal scroll bar no matter weather I
> specify doctype "strict", "transitional" or no doctype at all.
>
> I am still wondering if this is a bug in IE. Am I the only one who uses the
> width % on IMG tags? Hard to believe. Maybe others don't use it enough to
> cause the problem, or they just accept that there are bugs in IE. Alright,
> more likely I am doing something wrong. I am using IE 7.0 and Windows Vista,
> but the result is the same with my old system IE 6 and Windows 98!
>
> Any other suggestions?

Make the code valid. You have many errors, and different browsers
handle errors differently. Make sure that you use a DOCTYPE which makes
the browsers conform strictly to standards.

Make sure you understand the CSS box model.

Check to see if you have enabled the option for your browsers to auto
resize images that don't fit.

What do you mean! W3C Markup Validation Service only found 247 errors!...

I will clean them up and take your advice before I have another bad thought
about IE.

Thanks, with humility,

Paul


"C A Upsdell" <""cupsdell"@nospam@upsdel" wrote:

> Paul-the-dreamer wrote:
> > Thanks for the suggestion Don. I tried this and it makes no difference
> > unfortunately IE still arbitrarily alters the picture width % both up and
> > down and insists on opening up a horizontal scroll bar no matter weather I
> > specify doctype "strict", "transitional" or no doctype at all.
> >
> > I am still wondering if this is a bug in IE. Am I the only one who uses the
> > width % on IMG tags? Hard to believe. Maybe others don't use it enough to
> > cause the problem, or they just accept that there are bugs in IE. Alright,
> > more likely I am doing something wrong. I am using IE 7.0 and Windows Vista,
> > but the result is the same with my old system IE 6 and Windows 98!
> >
> > Any other suggestions?
>
> Make the code valid. You have many errors, and different browsers
> handle errors differently. Make sure that you use a DOCTYPE which makes
> the browsers conform strictly to standards.
>
> Make sure you understand the CSS box model.
>
> Check to see if you have enabled the option for your browsers to auto
> resize images that don't fit.
>
>
>
>

I cleaned up my HTML. The validator gives me one error I can't get rid of,
namely: '"DOCTYPE" declaration not allowed in instance'. I am copying the
DOCTYPE declaration from the w3schools.com website! I don't understand. In
any event, IE still messes it up: incorrectly sizeing the images, placing
images over text and other images, not resizing the images when I change the
window size, etc. Firefox doesn't do any of these nasty things. There has
to be some explanation. My version of IE does resize images images on other
site so I know it will do it. Any other suggestions?
--
Paul


"C A Upsdell" <""cupsdell"@nospam@upsdel" wrote:


>
> Make the code valid. You have many errors, and different browsers
> handle errors differently. Make sure that you use a DOCTYPE which makes
> the browsers conform strictly to standards.
>
> Make sure you understand the CSS box model.
>
> Check to see if you have enabled the option for your browsers to auto
> resize images that don't fit.
>
>
>
>

I think I am OK now. The HTML is now Valid and it looks better. I klugged
around the IE placing images over images by combining 2 images into one with
2 halves. IE has a problem resizing "width=x%" images within table cells, so
I got rid of tables. I keep text and images somewhat together by replacing
tables with <br clear="all"> tags. Whew! Well at least I learned a bit more
about CSS and better HTML.

Thanks for the suggestions.
--
Paul


"C A Upsdell" <""cupsdell"@nospam@upsdel" wrote:

> Make the code valid. You have many errors, and different browsers
> handle errors differently. Make sure that you use a DOCTYPE which makes
> the browsers conform strictly to standards.
>
> Make sure you understand the CSS box model.
>
> Check to see if you have enabled the option for your browsers to auto
> resize images that don't fit.
>
>
>
>