Removing the Blank line ??? help needed ;-)

[bast]

Hello zenners !

first post here, I am quite impressed

I am working on a zencart for a couple of months, now (and I am really having a great time, even if I am not an expert!). Among all the problems I had to solve by myself, only ONE is still remaining. That's my white whale, that's the "white line problem"

here is a screen capture :



I simply would like to remove this empty white line, but I still haven't found the good line on the CSS

could anybody help me on that ?

here is the link, if you want to visit the whole site (or if you want to give an opinion / piece of advice, that I would be so glad to read) : http://www.sonohit.com/index.php

thank you very much for you help !

Bast

[Get Em Fast]

In your stylesheet, find the code that looks like:

.clearBoth {
clear:both;
}

and add: display: none; to make it look like:

.clearBoth {
clear:both;
display:none;
}

Then, change the height to 269 in this section of code, to make it look like:

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
height:269px;
margin:0em;
padding:0em;
}

Hope this helps.

[bast]

no, unfortunately it didn't
i lost my mainWrapper background plus it messed the layout

[Get Em Fast]

no, unfortunately it didn't
i lost my mainWrapper background plus it messed the layout

Hmm.....Did you change both at once, before you refreshed and looked at it, as they BOTH HAVE to be done TOGETHER.

I use FireFox with the Web Developers' add-on, which lets you temporarily edit any site on the fly. When I edited your site like I showed you, everything looked VERY nice.

Might try clearing your cache, too.

[bast]

well that's what i did, and i still have problems, here is a capture, done with firefox (I do not even mention the differencies with IE ) : http://www.sonohit.com/cap02.jpg

btw : i had troubles yesterday at 18h pm (gmt+1) with my css. I stupidly replaced 'margins' by 'padding' and i took some time to fix everything (yeah i know what you think and i agree : me = stupid ) maybe the test you did happened during those problems ?

thanks for you help anyway !

[kuroi]

Sorry, but the following CSS is a really bad idea

.clearBoth {

clear:both;
display:none;

}

There are over 200 uses of this class in Zen Cart and turning them all off will cause chaos in a site's layout.

Better would be to target the specific problem with the following CSS

#headerWrapper .clearBoth {line-height:0}

This targets only the two clearBoth instructions in the header, leaving the rest on the site untouched and removes their physical height which will eliminate the white line for all browsers except Internet Explorer.

IE will show off it's infamous 3px whitespace bug. In this design you can easily eliminate this by adding margin-top:-3px to your #navCatTabsWrapper styles.

This will lose you the bottom 3 pixels of your header image in non-IE browsers, which personally I think looks OK. But if you want them back you can target the previous change at IE only browsers by using this add-in mod form the downloads section.

[Get Em Fast]

well that's what i did, and i still have problems, here is a capture, done with firefox (I do not even mention the differencies with IE ) : http://www.sonohit.com/cap02.jpg

btw : i had troubles yesterday at 18h pm (gmt+1) with my css. I stupidly replaced 'margins' by 'padding' and i took some time to fix everything (yeah i know what you think and i agree : me = stupid ) maybe the test you did happened during those problems ?

thanks for you help anyway !

You=stupid???? Me, think that?......not at all. As you can see from kuroi's post, I am the stupid one, here, as it never even dawned on me that this class (.clearBoth) is used repeatedly throughout the site. My bad. Sorry. Thanks for clearing this up, kuroi.
And, It is VERY possible that I could have been doing these modifications during your modifications.

[kuroi]

Thanks for clearing this up, kuroi.

You're welcome. It's the sort of mistake we all make from time-to-time when we get deep into helping somebody solve a particular problem. Happily in the XHTML/CSS world they're also remarkably easy to unpick and reverse.

[bast]

yes it is working !! thanks you so much kuroi and Get Em Fast you made my day !!! me = happy !! (don't worry Get Em Fast, I always say me=stupid, i never meant you thought that ;-))

once again : thank you !

hey btw: what do you think about my template ? tell me ? ;-)

[kuroi]

hey btw: what do you think about my template ? tell me ? ;-)

C’est un travail impressionnant. Vous en êtes évidemment fier, et avec bonne raison !