IE Issues

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
vchris
Forum Contributor
Posts: 204
Joined: Tue Aug 30, 2005 7:53 pm
Location: Canada, Quebec

IE Issues

Post by vchris »

I've been helping someone with his site which is http://www.ottawasubaru.com/test/index_e.php . It's going pretty well except we have 2 issues.

First of all he has a phpbb forum. His site outside of the forum was completely static. I recommend to have php pages since it's supported with his hoster and would just save time. He accepted and I modified a php script to get the content of his pages in a certain post on his board that only the admin has access. Basically, there is a post in his phpbb forum for his index page, members page, membership page and so on. It's kinda restrictive but anyway it's working.

Now my issues. I did the site design with divs and was working great. He then added a table in his post for structure and in IE 6 I get a large spacing above his table (200-300px) but it doesn't show in IE 7 or firefox. I don't understand why... His code seems fine. On the membership page, the following lines are not showing after loading the page. They only show once highlighted or scrolling. very weird. Also if you move another window in front the that empty space you will see somekind of gray color.
A few questions about our membership

1. How do I become a NCSC member?
2. What does it cost to become a member?
3. What are the benefits of becoming a member?
I was able to narrow it down to the left navigation. If I completely remove the left navigation, the spacing is gone in the content area. I believe it's the float: left property that causes this. I then tried absolute positioning the left nav, in IE it was great but in firefox it had a difference of about 20px.

Other issue is the right banner (different subarus), which I scripted a random rotating banner. It's the positioning that's the issue. I positioned it absolutely. It's great in IE but in Firefox it's lower. Any solution to this? I tried float right and it was too low.

Thanks for the help :)

Edit: I guess it's all about the absolute positioning. If I solve that problem I'm fine. I searched on google for solutions to this problem but couldn't find much. What I found out is that absolute position in IE counts the padding of surrounding objects (divs, images... ) and Firefox and others don't.

Anyway if you go any ideas let me know.
Last edited by vchris on Wed Aug 09, 2006 2:19 pm, edited 1 time in total.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

The page you link returns 404
vchris
Forum Contributor
Posts: 204
Joined: Tue Aug 30, 2005 7:53 pm
Location: Canada, Quebec

Post by vchris »

matthijs wrote:The page you link returns 404
Fixed! Thanks for pointing that out to me.
vchris
Forum Contributor
Posts: 204
Joined: Tue Aug 30, 2005 7:53 pm
Location: Canada, Quebec

Post by vchris »

Anyone got any solution to my problem with absolute positioning with css?
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

Not easy to see. First step, make sure to validate your html
http://validator.w3.org/check?verbose=1 ... ndex_e.php

Then, see what widths might be the cause of the content area expanding, and therefore going below the sidebar. Maybe:

Code: Select all

#container .tablebannerfull { 
	border-right: 1px solid #535DA5; 
	border-left: 1px solid #535DA5;
	width: 100%;
100%+2px is not possible.

There might be other issues, but you could try these first.
vchris
Forum Contributor
Posts: 204
Joined: Tue Aug 30, 2005 7:53 pm
Location: Canada, Quebec

Post by vchris »

HTML validates with only minor warnings. But how come when I absolute position the left nav I got no more issues for the content area ?
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

minor issues? Failed validation, 65 errors

absolute positioning takes the menu out of the document flow. so it doesn't push the content below. the content which doesn't fit the space (as I showed). IE has the habit of expanding boxes if the content in them is larger. and that's why you see these issues often in IE of wrapping content.
Post Reply