Img Is Dissappearing in IE - Guillotine bug???

I have the following page:

http://solmar.ca/temp6/index.html

On IE5 and IE6 win the "solmar" logo dissappears when the window is made
smaller horizontally.

Any idea how to fix this problem?

I have found many suggestions such as wrapping the floated div in
another div, setting a div to 100%, etc... but nothing seems to work.

What did work was when I used absolute positioning instead of float for
the software box *but* that causeed other problems (right column
colliding into the box when window was made smaller horizontally).

Any help is appreciated?

The page is fin in Moz 1.3 and Opera 6.05.

--Nikolaos

Nikolaos Giannopoulos wrote:

I have the following page:

http://solmar.ca/temp6/index.html

On IE5 and IE6 win the "solmar" logo dissappears when the window is made
smaller horizontally.

Any idea how to fix this problem?

I have found many suggestions such as wrapping the floated div in
another div, setting a div to 100%, etc... but nothing seems to work.

What did work was when I used absolute positioning instead of float for
the software box *but* that causeed other problems (right column
colliding into the box when window was made smaller horizontally).

Any help is appreciated?

The page is fine in Moz 1.3 and Opera 6.05.

I fixed the problem by floating the logo left and wrapping both the
float left and float right in a div.

Just in case anyone was interested in a work around.

--Nikolaos

Brian wrote:

http://solmar.ca/temp6/index.html

I'm afraid you did not fix the problem.

As there was no dialogue on this thread I simply provided the work
around that I utilized - verbally - out of courtesy.

I didn't update the test page as it didn't seem like anyone was
interested in discussing this problem. I do most of my development
locally and only post test pages (I update them when someone has made a
suggestion of course).

MSIE 5.0/Win2k the solmar logo still disappears.

That said, I just updated the test page with the work around and find
that the both the logo and the software box dissappear at browser window
(IE6/5 Win) width of about 700-720 pixels. However unlike before the
work around smaller/larger browser window widths still show both images.

Would you mind testing it with your browser again - Thanks.

You said you had already tried putting the logo
in a div and floating the div left?

I did but the test page was not updated....

I find that floating elments that are inline by default
screws things up, but changing the float to something
block level fixes it.

I agree - but I'm not sure how I could acheieve the effect I have now
without floating the software box to the right (see below for why
absolute positioning didn't work either).

To be clear (hopefully) - I had a logo image on the left side of the
page (non-float) and an software box image to the right that was
floating; when the horizontal width of the browser was reduced the logo
would simply dissappear. What I have done is apply float: left on the
logo - this causes the logo to get pushed down (instead of
dissappearing) when the browser window is constrained.

I originally had the right image absolute positioned - but the right
column would collapse onto the right image when the browser window was
reduced horizontally. After you pointed it out in another thread I
decided it was about time to fix it.

One thing I definately don't like with my current solution is that
because of the large top margin that the logo has (to push it down to
align its baseline with the software box) when the browser window is
reduced horizontally such that it gets displaced it gets displaced with
this large top margin and thus pushes the content down quite far.

The 2nd thing I don't like about the current solution is that this has
added to the complexity of the html in that there is more div wrapping
than was necessary before.

If you know of a better solution to the problem then I'd would be very,
very, interested in hearing it.

Thanks again.

--Nikolaos

Nikolaos Giannopoulos wrote:

I have the following page:

http://solmar.ca/temp6/index.html

On IE5 and IE6 win the "solmar" logo dissappears when the window is made
smaller horizontally.

Any idea how to fix this problem?

remove
body * {position: relative}

--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.

Brian wrote:

they are there to try to get around an IE 5/6 Win guillotine bug

Did you make up the name for that bug? It's a good one!

No. Someone else did and I agree the name is quite appropriate.

In addition the problems linked to this bug vary from jumping links to
images getting cut off when hovering to the dissappearance of (link)
images that float.

Most people mention that this bug appears in IE 6 win but the variants I
have seen appear in both IE 5 and 6 win - then again its not surprising
that many attribute it to IE6 as many have had their browsers upgraded
and lost IE5 support in the process.

http://www.google.com/search?hl=en&l...=Google+Search

If you haven't had to deal with this bug then just consider yourself
lucky ;-)

--Nikolaos