By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,447 Members | 1,172 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,447 IT Pros & Developers. It's quick & easy.

Cross-browser CSS Bug

P: n/a
Hi there,

I've been working on a web site, and am running into a cross-browser
css problem that I'm not quite sure how to solve. I have some
twindows that use absolute positioning and the visibility property to
display some instructions to a screen.

They render properly on my page in Mozilla, but in IE they render to
the side of any content that uses a relative float.

You can see the content here: www.oregonhomefinder.net

Anyone have any suggestions on how to make this work better with I.E.?

Mar 1 '07 #1
Share this Question
Share on Google+
7 Replies


P: n/a
salvador wrote:
Hi there,

I've been working on a web site, and am running into a cross-browser
css problem that I'm not quite sure how to solve. I have some
twindows that use absolute positioning and the visibility property to
display some instructions to a screen.

They render properly on my page in Mozilla, but in IE they render to
the side of any content that uses a relative float.
I had one of those once. We threw my aunt in a huge vat of root beer
with a big scoop of vanilla ice cream. Pretty good on a hot summer's day.

Seriously, what do you mean by a relative float? A floated element with
position:relative? Which one, for example? Can you point out one of the
instructions that have this problem?
>
You can see the content here: www.oregonhomefinder.net

Anyone have any suggestions on how to make this work better with I.E.?
Are you talking about IE6? IE7? Both?
The only difference I see (IE6, compared to FF) is that the whole map
jumps to the right when I reduce the size of IE's window (FF doesn't
jump). Is that what you mean?

--
john
Mar 1 '07 #2

P: n/a
Are you saying that you cannot see the odd positioning of the elements
that use a visibility property to control their display on the page
(id="popupbox";id="showcities";id="hello") in IE 6 versus FF and
Opera? Are there boxes being displayed when the map you are looking
at is loaded? If so, do they appear in the map, or are they aligned
to the right of the map?

On Mar 1, 3:07 pm, John Hosking <J...@DELETE.Hosking.name.INVALID>
wrote:
salvador wrote:
Hi there,
I've been working on a web site, and am running into a cross-browser
css problem that I'm not quite sure how to solve. I have some
twindows that use absolute positioning and the visibility property to
display some instructions to a screen.
They render properly on my page in Mozilla, but in IE they render to
the side of any content that uses a relative float.

I had one of those once. We threw my aunt in a huge vat of root beer
with a big scoop of vanilla ice cream. Pretty good on a hot summer's day.

Seriously, what do you mean by a relative float? A floated element with
position:relative? Which one, for example? Can you point out one of the
instructions that have this problem?
You can see the content here:www.oregonhomefinder.net
Anyone have any suggestions on how to make this work better with I.E.?

Are you talking about IE6? IE7? Both?
The only difference I see (IE6, compared to FF) is that the whole map
jumps to the right when I reduce the size of IE's window (FF doesn't
jump). Is that what you mean?

--
john

Mar 2 '07 #3

P: n/a
salvador wrote:

It's better if you don't top-post.
Are you saying that you cannot see the odd positioning of the elements
that use a visibility property to control their display on the page
(id="popupbox";id="showcities";id="hello") in IE 6 versus FF and
Opera? Are there boxes being displayed when the map you are looking
at is loaded? If so, do they appear in the map, or are they aligned
to the right of the map?
Yes. No. No and no (meaning neither). I don't see those elements at all
in IE6, FF 1.0.7, Opera 7.23, or Netscape 7.1. In Opera, the map is
positioned in the upper-left corner of the page, not in its bordered
box. (Opera also gives me a warning about your domain trying to set an
illegal cookie from Google.) These are not the latest browser versions,
but they are what I have here on this machine. I guess you probably
don't want to hear about Home Page Reader. ;-)

--
John
Mar 2 '07 #4

P: n/a
John Hosking wrote:
[...]

I guess you probably
don't want to hear about Home Page Reader. ;-)
I do.
Mar 2 '07 #5

P: n/a
Hmmm.. do you have javascript turned on?

The elements are clearly visible in the source code of the page, but
are defaulted to visibility:hidden in the stylesheet, and require
javascript to display. In Firefox, or in Opera, they'll display
inside of the container for the map. In IE 7, they display to the
right of the map.

Anyway, thanks for having a look.

- Sal

On Mar 1, 7:47 pm, John Hosking <J...@DELETE.Hosking.name.INVALID>
wrote:
salvador wrote:

It's better if you don't top-post.
Are you saying that you cannot see the odd positioning of the elements
that use a visibility property to control their display on the page
(id="popupbox";id="showcities";id="hello") in IE 6 versus FF and
Opera? Are there boxes being displayed when the map you are looking
at is loaded? If so, do they appear in the map, or are they aligned
to the right of the map?

Yes. No. No and no (meaning neither). I don't see those elements at all
in IE6, FF 1.0.7, Opera 7.23, or Netscape 7.1. In Opera, the map is
positioned in the upper-left corner of the page, not in its bordered
box. (Opera also gives me a warning about your domain trying to set an
illegal cookie from Google.) These are not the latest browser versions,
but they are what I have here on this machine. I guess you probably
don't want to hear about Home Page Reader. ;-)

--
John

Mar 2 '07 #6

P: n/a
salvador wrote:

Please don't top-post. See http://www.html-faq.com/etiquette/?toppost
Corrected for you again. - JH
On Mar 1, 7:47 pm, John Hosking <J...@DELETE.Hosking.name.INVALID>
wrote:
>>salvador wrote:
>>>Are you saying that you cannot see the odd positioning of the elements
that use a visibility property to control their display on the page
(id="popupbox";id="showcities";id="hello") in IE 6 versus FF and
Opera? Are there boxes being displayed when the map you are looking
at is loaded? If so, do they appear in the map, or are they aligned
to the right of the map?

Yes. No. No and no (meaning neither). I don't see those elements at all
in IE6, FF 1.0.7, Opera 7.23, or Netscape 7.1. In Opera, the map is
positioned in the upper-left corner of the page, not in its bordered
box. (Opera also gives me a warning about your domain trying to set an
illegal cookie from Google.)
Time to revise the above slightly. See below.
>
Hmmm.. do you have javascript turned on?
Yes, in all the browsers mentioned.
>
The elements are clearly visible in the source code of the page, but
are defaulted to visibility:hidden in the stylesheet, and require
javascript to display. In Firefox, or in Opera, they'll display
inside of the container for the map. In IE 7, they display to the
right of the map.
Ah. So now we know what we're supposed to see...

div#hello:
Welcome to the Oregon Home Finder
Click on a marker to get started.

div#popupbox:
Loading Houses... / (roll mouse over markers to view)

div#showcities:
Click on a city marker / to view home listings

I do indeed see div#hello in Firefox, Netscape, and Opera but only for a
few seconds. In Opera the box appears in the middle of the map's box,
but to the right of the actual map. I see part of it also in IE6, and
yes, it's to the right of the rest of the content. I never saw it before
because (1) I only see it when I maximize the browser on my 1280x1024
display, (2) when I refresh, something (JS?) causes the content to
re-center (pushing the box's location back off the screen), and (3) it's
only there for a few seconds.

With JavaScript off I never see #hello.

I have no idea when the other boxes are supposed to appear, so I've
never seen them.

--
John
Mar 2 '07 #7

P: n/a
On Mar 1, 11:34 pm, John Hosking <J...@DELETE.Hosking.name.INVALID>
wrote:
salvador wrote:
I do indeed see div#hello in Firefox, Netscape, and Opera but only for a
few seconds. In Opera the box appears in the middle of the map's box,
but to the right of the actual map. I see part of it also in IE6, and
yes, it's to the right of the rest of the content. I never saw it before
because (1) I only see it when I maximize the browser on my 1280x1024
display, (2) when I refresh, something (JS?) causes the content to
re-center (pushing the box's location back off the screen), and (3) it's
only there for a few seconds.
Can I infer from your comments that you don't know why the positioning
of the aforementioned element is not appearing in the map, as I am
expecting it to?

Mar 2 '07 #8

This discussion thread is closed

Replies have been disabled for this discussion.