Page 1 of 1

IE Issues

Posted: Wed Aug 09, 2006 12:20 pm
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.

Posted: Wed Aug 09, 2006 2:10 pm
by matthijs
The page you link returns 404

Posted: Wed Aug 09, 2006 2:19 pm
by vchris
matthijs wrote:The page you link returns 404
Fixed! Thanks for pointing that out to me.

Posted: Thu Aug 10, 2006 1:47 pm
by vchris
Anyone got any solution to my problem with absolute positioning with css?

Posted: Thu Aug 10, 2006 2:12 pm
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.

Posted: Thu Aug 10, 2006 2:26 pm
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 ?

Posted: Thu Aug 10, 2006 3:05 pm
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.