IE6 problem

[dejomaas]

Hi all, new to this forum. I made a site (first site with div's, used to work with tabels) and everything looks ok in different browsers on PC and Mac, except for IE6. I know there is lot on the net about the problems with IE6 but I can't figure how to fix this.

The site I am building:
http://www.de-plantage.nl/test/ideereclame/

Above and under de horizontal blue line (navigation) in IE6 there is a space of a few pixels. Is this the 3 pixel gab I am reading about on the net?

I know how to adress different css stylesheets for the different browsers but I don't know how to fix the problem for IE6. Any help is apreciated!
Thanks,

Marc

[Lchad]

Try adding this to the top of your css.

Code: Select all

* {
margin: 0;
padding: 0;
}

If that doesn't work, let us know and we can delve deeper.

[dejomaas]

Thanks, this solves one of the gabs. There is still a space between the image and the top of the blue navigation bar.

Where does the astrix stand for in the css? I had a margin and a padding of 0 in the body, Is that the same? Thanks again for the quick response!!

[Lchad]

That's a universal selector. you can read about it here.

I'm wondering why this code is not editable?

Code: Select all

<!-- InstanceBeginEditable name="foto" --><img src="images/introductie/Foto_introductie.jpg" alt="hoofdfoto" width="800" height="450" /><!-- InstanceEndEditable --><img src="images/basis/schaduw_r.png" alt="schaduw rechts" width="15" height="450" />
</div><!-- sluit foto -->

<div id="navigatie">
      <div align="right"><!-- InstanceBeginEditable name="navigatie" -->

I'd say that code is what is causing your spacing.

[dejomaas]

Not sure what you mean. I created a template with editable regions for the places I needed changes in the different pages. Could that effect the rendering of the page?

[Lchad]

I'm not sure since I can't see them... but I'd certainly check the templates. They maybe your problem.

[dejomaas]

Hi Lchad, I checked the template but saw nothing out of place. But the problem is solved! I gave the large image above the navigation div a border of 0, and gone is the gab between them... does this make sense??

[Lchad]

I've never done it that way, but that sounds good to me! Whatever works for IE 6 always sounds good to me. Good job!

[tox0tes]

i know that you fixed your problem, but usually this problem with the gap under the image in ie6 is solved by adding display:block to the style of the image.

[dejomaas]

hi, sorry for the late response... I will try that and see if it has the same outcome...

Thanks!!