White Space....I Know Another White Space Issue...Cant Get Rid Of It

hi everyone i know everyone is thinking another white space issue. i have had a white space issue before and was easily able to remove it. by changing the <br class="clearBoth" /> in tpl_header.php

i have read every post over and over again and i have tried every suggestion in them with no avail. there is no <br class="clearBoth" /> in my tpl_header so removing this will do not work, i have tried to add a IE bug fix to my css this also did nothing, i tried adding top and bottom negative px marging to #contentMainWrapper and cattabs but nothing.

The White space is below my logo and above the mailing list line in IE only. firefox looks great. im not using a logo the traditional way. im using in image map, and it has been placed in tpl_header.php.

i was hoping someone could have a look and tell me if they see the problem, im sure its obvious and im sure i should have caught it but im just stuck.

http://www.gothenaturalway.com

thanks in advance.

Echanted Lingerie,

I solved that problem by altering the #logoWrapper height parameter to
auto.

Give that a try, and let me know how it goes.

~Zin.

hi thanks so much for the suggestion, unfortunately it didn't work.

i believe that was one of the things i tried from another post.

thanks anyway

Hi,

Although the image has border-style set to none it is showing up as having a 2px border. The first thing I would try is setting the border width on the img to 0.

Hope that helps.
Christian.

hi thanks for the reply, that didnt seem to work. i added border-width="0px" to tpl_header where the image is and it did nothing.
this is what you meant right?

thanks again

i also added the border width to my stylesheet just in case and it still did nothing

Okay, I think i've got it this time...

If you remove the "vertical-align: top" from #mainWrapper {} it should fix the problem.

Regards,
Christian.

Christian

thanks so much for trying to help, unfortunately that did not work.

when i have a problem its usually a hard one to figure outL

i have been working all day trying to figure it out and i just cant track down where that 2px line is coming from.

You can always add a 2px bottom border so it looks the same in FF as IE :)

I'm not sure that the problem is with the header, I suspect that it may be with #subscribe instead (its also not centering your text the same way it does in FF, but thats IE for you)
I'd try to * html that div instead and see what it does

enchantedlingerie:

thanks so much for trying to help, unfortunately that did not work.
Hmmmm...that's strange it should have worked, it did on my tests. I'll have another look, maybe it was a combination of things I did, but I can definately fix it.

enchantedlingerie:

when i have a problem its usually a hard one to figure outL
i have been working all day trying to figure it out and i just cant track down where that 2px line is coming from.

That's IE for you, I've spent many days trying to get various things working in all the different browsers. At least you haven't got any floating divs, they really screw IE up :wacko:

Christian.

Right, third time lucky. I missed a vital step out of the instructions last time.

As well as removing the vertical-align: top from #mainWrapper {} you also have to ensure that there are no spaces or new lines between the end of the img tag and the </div> tag. i.e in you HTML you need...

<img src="index_files/logo2.gif" alt="" usemap="#logo2" style="border-style: none;" height="222" width="750"></div>

IE has a habit of rendering white space (including carriage returns) after img tags. :frusty:

Hopefully that should fix it.

Christian.

Christian thank you thank you thank you. that was it, there was a space between the image tag and the div tag.

i had removed that space before thinking that was what it was so im not sure how it got back there.:frusty:

thanks so much i appreciate all your help more then you know:smile:

Cara