Problem with my site in IE

[dave9713]

Hi,

Having a small problem with my site in Internet explorer and was hoping to get some help.

For some reason the small blue line below the navigation bar moves to various parts of the screen on certain pages of the site.

http://www.portfolio-properties.net

The problem seems to be occuring on the contact page, the location page and the plans page.

It's a bit wierd because the navigation is the same html sitewide so i am guessing I have done something wrong elsewere ...

Any help would be appreciated,

Dave

 

[Skeeter]

Looks good in Firefox but I do see the problem in IE. I am still learning CSS myself, but my suggestion is to remove the "position:absolute" from the div that makes the bar.

<div style="position: absolute; margin-top: 118px; width:777px; background-image: url('images/bar.gif'); height: 3px; left: 1px;"></div>

If that causes problems try using position:static to get it to work with both browsers.

Again, my CSS skills are limited but I have had similar problems with position:absolute not rendering properly in different browsers.


BTW, your site looks really good.

 

[dave9713]

The absolute was the only way it would seem to work as it has to overlap other images. It seems to work fine on most pages it is just that few which it doesn't.

Would there be any other reasons that it would not be working?

Thanks a lot for the good comments

Dave

 

[user-7256]

position:absolute will position it absolutely relative to the top-left corner of its container. I haven't looked at the source much, but make sure that all the CSS is consistent on all pages, and only the content differs.

If so, and if your <div> tag is in, probably the same container as those link buttons, it should work okay...