Large space between logo and navbar
 

Hi,

I normally use firefox and my site appears fine, however I looked at the site today using IE7 and noticed a large white space between the logo and the navbar.

The only appears in IE7 and not FF. Ive had a look through the settings, but not too sure where to look.

Anyone have any idea why this only shows in IE and any idea how I can reduce the gap? Ive attatched the screenshot of how it appears ibn IE.

my site is www.doverlocals.co.uk

Many thanks

Dave

I'm not sure if that is the cause but you may want to add the </tr> tag:

Thanks for your reply.

Ive put the </tr> in but made no difference :(

Thanks anyway

Unless someone gets to it first, I'll check further sometime tomorrow.

Thanks Freesteyelz. Really is appreciated :)

I think I may have found the problem. There are inconsistencies with "&nbsp;". The location is the navigation links between lines:

<!-- top nav buttons bar -->

to

<!-- breadcrumb, login, pm info -->

Between these lines in your navbar template find all "&nbsp". Notice that it's missing the ";". Without it will create a line break instead of a character space. So replace all instances to "&nbsp;".

For instance, in your Arcade code you have:


But it should be:


I would have supplied the entire code change but for some reason two of your <td> lines could not be posted. Just go line by line and make the relevant changes. Let me know how it goes. :)

Thanks Freesteyelz :)

I'll give it a go over the next couple of days and let you know. I would do it sooner but tucked up at work now till Tuesday.

Thanks for your help, its greatly appreciated.

I'll check back. If for some reason I miss your next reply in this thread PM me. :)

Thanks Freesteyelz.

I went through the navbar and made all the alterations but for some reason I still have the massive white space when the site is viewed in IE, but not in Firefox.

Very strange

Please post that entire section of code. There may be something I have missed.

Thank you, really is appreciated :)

This is my header

--------------- Added [DATE]1193347206[/DATE] at [TIME]1193347206[/TIME] ---------------

This is my navbar

This is my navbar

Second part of my navbar - would only let me post it in two sections.

Replace what I set in red and bold starting from:

<!-- top nav buttons bar -->

And ending with

<!-- breadcrumb, login, pm info -->

With the attachment below. I duplicated your homepage and went over the nav section (in question) line by line. The result is that the white space between the logo and navbar has been removed in IE.



Your upper navbar section:



Let me know how it goes. :)

Hiya,

Many thanks for that. I altered the code thats highlighted in red, however its still showing the large white section in IE.

Very very strange

Code:

---

$spacer_open

---

That's where one of your spacers is. vBulletin used to use just 2 <br /> tags there, but now it's a variable itself (if you read the source, it'll say it's the spacer only for IE, too).

The second is the page margin. Adjust the top margin to the size you need. 0; if you want it flush.

I just checked your source and it still shows your original code. Did you replace it with my code in the TXT file?


Edited: I uploaded the attachment in the other post but here it is again. :)

Hi Freesteyelz,

Getting really close now! However its taken the little bit of space out from Firefox. Ive attatched two attatchments of what it looks like when using the altered code.

First image is FF and the second one is IE

Ahh, the fix made positive changes. :)

OK, the next step. 1) Of the two attachments which one do you prefer? 2) How much space (if any) do you want between the header and upper navbar?

I prefer the 1st attatchment. Ideally I would like the space to be as is currently shown on FF at the moment. Ive added an attatchment.

Thanks for all your help so far :)

NP. :) The quick rewrite of the code (fix) was to eliminate the space between the logo and upper navbar; to see where the problem existed. So no breaks <br /> or spacers were added. For some reason I didn't save the file I was using to edit your site so I'll need to redo it. I'll have something by tomorrow (Halloween :D) and then we'll go from there. :)

No worries Freesteyelz. Whenever youve got the time :)

In my fix replace:


with:


Adjust the "10px" to whatever number. I've provided 2 attachments. The first is with IE and the other in FF. The space between the logo and upper navbar is the same when the fix provided in post #17 + the above replacement update. Let me know how it goes. :)


Edited: Forgot to include attachments.

Thank you so much for your time and patience.

That worked a treat :D :D

Really really appreciated!

Cheers! :)