thin white line

[snooper]

can anyone tell me why i get a thin white line in IE6/7 below the header here?
Thanks!
http://www.kehillot-tehilla.com/test.html

[pa007]

I'm guessing it's a border/margin issue. Try setting the borders and margins to zero and see what happens.

You could use:

Code: Select all

* { margin:0; padding: 0;}

This will set all margins and padding to zero though. So you may just be better off setting that particular elements margins/paddings to zero.

Let us know what happens, it could be something else.

Pete.

[pa007]

Oh, by the way the reason for this is that different browsers set different default margins and paddings so if you don't set your own you will often get different results with different browsers.

Pete.

[snooper]

thanks pete.
looks like its something else, the * { margin:0; padding: 0;} didnt have any effect on the line

[Lchad]

Not sure why there is a space between the header and the div called #main.

I would guess it has something to do with the #main div. or the #content div because both of those come directly under the header.

I would suggest that you switch to a full html/css based two column layout.
That would make things so much easier for you. You need to take out all the styling out of the html and put that into css. (widths, heights, etc)
You need to separate the Header div and the content div in the css.

valign doesn't really work in css. So that might be part of your problem. But I can't see anything obvious. Maybe someone else will.

This would work for you http://bonrouge.com/2c-hf-fluid.php
as well as this http://bonrouge.com/2c-hf-content1st.php

[pa007]

Bummer.

I'll have look at it and get back to you. It could be the borders or cell padding if your using tables. Try setting them to 0 as well.

Pete.

[snooper]

thanks guys.
the valign i put in to try fix it, but it didnt work
will carry on playing...
cheers

[snooper]

cool! i just found what the problem was - in my header i had:

Code: Select all

<div id="header"><a href="../index.html"><img src="../images/ui/header.jpg" alt="Kehillot Tehilla" width="760" height="159" border="0" /></a> </div>

- not the space just before closing the div. i took that out and it fixed it.

thanks guys!

[pa007]

Fancy that. I'd never have spotted it.

Glad you're sorted now though.

Pete.

[Lchad]

:bounce8:
Applause, standing - o... that's great!

[snooper]

thanks again for the very speedy replies gang

[moojoo]

IE will actually render white space in your code. Weird.