[Solved] IE 7 Random Bug?

[Roxon]

Here’s the site that I’m working on, front page quickly uploaded:

http://lab.elephantlorry.com/whbc/

In IE 7, the navigation is down by 200-ish pixels, pushing the whole content area with it. My guess is a float issue. Any ideas? Thanks

[cybershot]

yes, junk the design and go with a wordpress site. Check out this wordpress church theme

http://themeforest.net/item/wordpress-church/40190

if you don’t want to do that, I would suggest that you install firebug for firefox as that is one heck of a useful tool. It can often show you what is pushing on your content. Second, have you employed a css reset on your site?

http://meyerweb.com/eric/tools/css/reset/

when I check the site in firefox and I.E it looks the same. So is it fixed or is it in an older browser?

I see many issues with your code. One is that you should not use align=”center” in your code.

You should use the wrapper to center you page. then use css on the wrapper. something like this

#wrapper { width: 960px; margin: 0 auto; }

that would center you content. then inside the wrapper you make your page like this



as far as the nav goes, I do not see that you did clear any floats. make a new class in your css like this

.clear { clear: both; }

then put a div between your

and your

and see if that will fix it.

[cybershot]

You know, it just hit me. You have your nav floated right. You need to float your header left and your nav left as well. Right might work also, I just always float both left and then use margin and padding to space them out. Your header is pushing your nav down beneath it and then the margin you have on the nav to push it down from the top of the page is pushing the body down that same amount. Float the header and the nav left, clear the floats as I instructed above and that should fix your issue. If you solve it, make sure to mark the post solved.

[cybershot]

what makes you think my last suggestion won’t work? the kind of cleanup that he needs, he might as well start over. If the site can look good with little cleanup and solve his issue, I think it would be a good learning experience for him.

[Roxon]

I added the clear class, and floated the header left. I didn’t have to float the nav right. Thanks so much for your suggestions…and I am aware that align=”center” is obsolete now, but it would be hard to get rid of it without redesigning the site.

Thanks again. :)

I’ll marked this as solved in a few minutes.

[zackw]

fixing the code to this site would not take long at all, its a small site and there aren’t any major errors really, and it would be worth it to learn the proper way, this whole site could be fixed in like 2 hours to have proper semantic code, maybe a bit longer if your learning but just follow some of the suggestions put forth by virtual and it well help, drop the br’s, use css to position those paragraphs how u want them, dont have multiple id’s on one page.. change your id of right and id of left on imgs to class and then just change the # to a . in your css sheet, these are simple fixes, wrap your text in p tags or h tags if they are headings – its not hard stuff really

[Author]

Posts