WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: IE Weirdness

for

Number of posts in this thread: 7 (In chronological order)

From: Amanda Penrose
Date: Wed, Jun 21 2006 10:00PM
Subject: IE Weirdness
No previous message | Next message →

Thanks heaps for your help/opinions on this one everyone. I've got some
things to try now ;-)
AJ


----------------------------
Amanda Penrose
Web Officer, RMIT Union
Phone: +61 3 9925 3989
http://union.rmit.edu.au
RMIT Union is changing and looking for ways to keep doing what we do
best. All of our services will continue in 2006.
----------------------------




From: Al Sparber
Date: Wed, Jun 21 2006 10:20PM
Subject: Re: IE Weirdness
← Previous message | Next message →

From: "Amanda Penrose" < = EMAIL ADDRESS REMOVED = >

> Hullo
> Not sure if this is the right place to ask but I've noticed
> something
> weird in IE and wondered if anyone knew how to fix it.
> If an image is too wide for my content div, IE shifts the image down
> below my navigation div and puts a whole lot of space above it.
> Case in point:
> http://union.rmit.edu.au/fitness/careers/index.html
> If you open this page in IE (I'm using 6 on a PC) and resize the
> window
> (if you need to) so that the image is too wide for the content area,
> you'll see what I mean.
> Any suggestions?

That's the way CSS-positioned web pages work. More modern browsers
will not drop the image, but will still make the page "ugly" as
content that is too wide for a DIV will pour out the right edge. I
would approach this by setting your image as a background, like this:

http://www.projectseven.com/testing/customers/aim/

HTH

Al Sparber - PVII
http://www.projectseven.com
Navigation | Image Galleries | CSS Tutorials & Templates
------------------------------------------------------------------------------------
Newsgroup: news://forums.projectseven.com/pviiwebdev/
CSS Newsgroup: news://forums.projectseven.com/css/
DW Newsgroup: news://forums.projectseven.com/dreamweaver/











From: Amanda Penrose
Date: Thu, Jun 22 2006 12:00AM
Subject: IE Weirdness
← Previous message | Next message →

Hullo
Not sure if this is the right place to ask but I've noticed something
weird in IE and wondered if anyone knew how to fix it.
If an image is too wide for my content div, IE shifts the image down
below my navigation div and puts a whole lot of space above it.
Case in point:
http://union.rmit.edu.au/fitness/careers/index.html
If you open this page in IE (I'm using 6 on a PC) and resize the window
(if you need to) so that the image is too wide for the content area,
you'll see what I mean.
Any suggestions?
(Page validates ok and the layout css is here if you need to see it
http://union.rmit.edu.au/style/main.css)
Thanks!
AJ

----------------------------
Amanda Penrose
Web Officer, RMIT Union
Phone: +61 3 9925 3989
http://union.rmit.edu.au
RMIT Union is changing and looking for ways to keep doing what we do
best. All of our services will continue in 2006.
----------------------------




From: Helen A
Date: Thu, Jun 22 2006 1:00AM
Subject: Re: IE Weirdness
← Previous message | Next message →

I get this all the time, using a screen resolution of 800x600, and it
drives me mad! It happens on other browsers I use too (Opera,
Firefox), so it isn't specific to IE.

I don't know whether this bugbear is my pet hate or if it is having
to scroll sideways to see the whole page. Close-run thing anyhow.

At 00:45 20/06/2006, you wrote:
>Hullo
>Not sure if this is the right place to ask but I've noticed something
>weird in IE and wondered if anyone knew how to fix it.
>If an image is too wide for my content div, IE shifts the image down
>below my navigation div and puts a whole lot of space above it.
>Case in point:
>http://union.rmit.edu.au/fitness/careers/index.html
>If you open this page in IE (I'm using 6 on a PC) and resize the window
>(if you need to) so that the image is too wide for the content area,
>you'll see what I mean.
>Any suggestions?
>(Page validates ok and the layout css is here if you need to see it
>http://union.rmit.edu.au/style/main.css)
>Thanks!
>AJ






From: Susan R. Grossman
Date: Thu, Jun 22 2006 2:10AM
Subject: Re: IE Weirdness
← Previous message | Next message →

If your image is too wide for the defined area, it is removed from that
defined space (the div) and shown below the space, in a wider area for it to
fit in. This is normal and expected behavior. The space above it is usually
the defined height of the division that is now above it, since it didn't
fit.

Solutions are simply make the image smaller or the division wider. You
can't fit a loaf of bread into a box that is smaller then a bread box.

Susan


On 6/20/06, Helen A < = EMAIL ADDRESS REMOVED = > wrote:
>
> I get this all the time, using a screen resolution of 800x600, and it
> drives me mad! It happens on other browsers I use too (Opera,
> Firefox), so it isn't specific to IE.
>
> I don't know whether this bugbear is my pet hate or if it is having
> to scroll sideways to see the whole page. Close-run thing anyhow.
>
> At 00:45 20/06/2006, you wrote:
> >Hullo
> >Not sure if this is the right place to ask but I've noticed something
> >weird in IE and wondered if anyone knew how to fix it.
> >If an image is too wide for my content div, IE shifts the image down
> >below my navigation div and puts a whole lot of space above it.
> >Case in point:
> >http://union.rmit.edu.au/fitness/careers/index.html
> >If you open this page in IE (I'm using 6 on a PC) and resize the window
> >(if you need to) so that the image is too wide for the content area,
> >you'll see what I mean.
> >Any suggestions?
> >(Page validates ok and the layout css is here if you need to see it
> >http://union.rmit.edu.au/style/main.css)
> >Thanks!
> >AJ
>
>
>
>
>
>



--
Susan R. Grossman
= EMAIL ADDRESS REMOVED =




From: Al Sparber
Date: Thu, Jun 22 2006 2:20AM
Subject: Re: IE Weirdness
← Previous message | Next message →

From: "Jared Smith" < = EMAIL ADDRESS REMOVED = >
> To add to what the others have said, this is just the way things
> work. It could be solved by adding a CSS min-width, but Internet
> Explorer does not support it (IE7 will, however). Besides putting it
> in as a background image (not a great solution if you want alt
> text).

Hi Jared,

Check this page again:
http://www.projectseven.com/testing/customers/aim/

Check it also with CSS disabled.

--
Al Sparber
PVII
http://www.projectseven.com








From: ben morrison
Date: Mon, Jun 26 2006 3:50AM
Subject: Re: IE Weirdness
← Previous message | No next message

On 6/20/06, Amanda Penrose < = EMAIL ADDRESS REMOVED = > wrote:
> Hullo
> Not sure if this is the right place to ask but I've noticed something
> weird in IE and wondered if anyone knew how to fix it.
> If an image is too wide for my content div, IE shifts the image down
> below my navigation div and puts a whole lot of space above it.

You could use overflow:hidden for IE - at least the layout won't break.

http://www.positioniseverything.net/explorer/expandingboxbug.html

ben