asked on

WHat is the reason for the thin white stripe?

Above the home | contact the background has a one pixel white stripe when the font size is medium and in firefox.

Please advice

<base href="http://ep.espacenet.com/">

<LINK REL="stylesheet" HREF="http://ep.espacenet.com/scriptsV3/css_ie.css" TYPE="text/css">
<table class="noPrint" width="905" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="183" valign="top" background="/images/logo_top.gif"><a href=".."><img alt="" src="http://ep.espacenet.com/images/logo_ep.gif" width="183" height="48" border="0"></a></td>
<td width="17" bgColor="#65679E" background="/images/banner_middle.gif"><img alt="" src="/images/point.gif" width="17" height="1"></td>
<td width="100%" background="/images/banner_right.gif" valign="top"><img alt="" src="/images/point.gif" width="1" height="3"><br><b class=logo>European<br/>Patent Office</b></td>
<td rowspan="2" background="/images/banner_right_r.gif" valign="top"><a href="..."><img src="/images/logo_espace.gif" width="180" height="64" border="0" ALT="Logo"></a></td>
</tr>
<tr>
<td background="/images/logo_bottom.gif" class="navsmall"><img alt="" src="/images/point.gif" width="13" height="5"><a href="..." class="blue">Home</a> <span class="blue">|</span> <a href="..." class="blue">Contact</a></td>
<td bgColor="#65679E" background="/images/banner_middle_bl.gif"><img alt="" src="/images/point.gif" width="17" height="15"></td>
<td width="100%" background="/images/banner_right_bl.gif" class="navsmall" style="background-repeat: repeat-y">
<a href="..." class="wit">English</a>
<img alt="" src="/images/point.gif" width="20" height="1"><a href="..." class="wit">Deutsch</a>
<img alt="" src="/images/point.gif" width="20" height="1"><a href="..." class="wit">Français</a>
<img alt="" src="/images/point.gif" width="20" height="1"><a href="..." class="wit"></a>
</td>
</tr>
</table>

seanpowell

Michel, all I can see is the light blue line repeating itself twice, is that what you're referring to?

Sean

SOLUTION

andYetAnotherLoginName

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

andYetAnotherLoginName

and you have same problem below "Home | contact", too.

seanpowell

That's all the table cells and spacer gif's. 90's style page coding will bite you every time :-)

andYetAnotherLoginName

Actually the problem is with a background image. It just wasn't made to tile well )

Michel Plungjan

ASKER

However the page is the same in both IE and Firefox
Why is there a thing UNDER the links in Netscape 4.8? is that what you mean by "and you have same problem below "Home | contact", too."

I do not see that in IE or firrefox.

Sean: This page has been designed for as many browsers as possible.

When we tried using absolutely positioned DIVS the result looked like CRAP in other browsers.

The problems they introduce are much bigger than a few spacer gifs, I just could not see where the dumb line came from, still cannot. The 49 thingy helped but did not explain

Michel

Michel Plungjan

ASKER

andYetAnotherLoginName : Really?

So if I remoev or add a pixel to it it shold be better?

Michel

Michel Plungjan

ASKER

How can http://ep.espacenet.com/images/banner_right_bl.gif
be made to tile better?

andYetAnotherLoginName

but logo_bottom.gif can - you see, top scan line and bottom scan line are same color. they should be different in order to tile seamlessly.

andYetAnotherLoginName

just try my patch above and see that it works and why.

>> is that what you mean by "and you have same problem below "Home | contact", too."

just print-screen your page in Firefox, open in mspaint, and zoom x8.

Michel Plungjan

ASKER

Helped when I flipped the double ones and removed the top row in the wider one

ASKER CERTIFIED SOLUTION

seanpowell

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

rockstar_dub

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Michel Plungjan

ASKER

Try it in mozilla :|

seanpowell

Works pefectly in Mozilla - what are you referring to?

Sean

Michel Plungjan

ASKER

Thin line in my mozilla

andYetAnotherLoginName

m-plung-jan, correct me if I am wrong, but you have said that you have fixed the problem. so, it is the time to select most helpfull answers ;)

Michel Plungjan

ASKER

I would like to fix the problem using html and not by messing with images

And it is M. Plungjan :)

Michel

seanpowell

Michel,
You viewed this page, and still saw a thin line?

http://www.pdgmedia.com/ee/michel.html

Sean

andYetAnotherLoginName

>> I would like to fix the problem using html and not by messing with images

didn't I gave you HTML?

Michel Plungjan

ASKER

Sean: what of the css did you create and what did you copy. I would prefer not to mess with the css

AYALN: Complete?

Roc: light stripe in firefox

Michel Plungjan

ASKER

Sean: Have a look at yours in Netscape 4 just to see what it looks like, then try a pda with the novarra browser. Then you will see why I prefer tables

seanpowell

>>Have a look at yours in Netscape 4.
No thanks, I don't code for N4.

>>then try a pda
You didn't say anything about pda support until now.

The reason you prefer tables is that the page is deisgned for them, so you have no choice. CSS is about rethinking layout, not replacing <td> with <div>

Sean

Michel Plungjan

ASKER

"Sean: This page has been designed for as many browsers as possible.
When we tried using absolutely positioned DIVS the result looked like CRAP in other browsers."

And that is the crux.

I just want to get rid of the lighter stripe using html in tables, e.g. fix the table I have

Your solution is great if I ignore older browsers. I can tell you the audience are quick to complain when something breaks in Mozilla Linux or safari on osx

Michel