IE Spacing Issue

[DeanWhitehouse]

Hey Guys,

Long time no post

 

Here is my problem, i have this page http://development.djw-designs.com/CCC/ in development.

I am testing in Chrome, Firefox, Safari and IE 8.

 

In IE8 is displays without problem, however in compatability mode i get a large space on the left hand side of the image and i cannot find a solution to it.

 

Any Ideas?

 

Cheers,

Blade280891

[DeanWhitehouse]

*bump*

sorry guys, still need a solution

[fortnox007]

maybe this helps for you?

 

body{
margin:0;
padding:0;
}

 

edit: hehe just thought the normal IE things

 

Anyway, You are showing the images in an unordered list: so you have an indent there. If i am correct you should put the padding of the LI to 0;

#images li{
padding:0;
}

 

hope it helps

its easier to see if you give OL a background color and LI a background color. ones LI has a padding of 0 it should overlap the background of OL

[DeanWhitehouse]

Thanks for the reply, afraid not, already tried all that.

 

I've narrowed down the problem to this div style

div#core #images
{
float:left;
width:660px;
height:248px;
padding:2px;
border:1px solid #dadada;
} 

div#core
{
width:827px;
margin-left:178px;
margin-top:30px;
padding:0;
}

div#core #images ol
{
padding:0px;
display:inline;
}

div#core #images li
{
display:inline;
}

 

The core div surrounds the main image area and the search box, the spacing appears in the image div area on the left. I can't find any cause or solution :s

[fortnox007]

Hmm maybe this works for you, but not sure though. I read somewhere that IE 6 doubles margins but that there is a fix by adding display:inline tot the floated. NOt sure if it will work but it's possible to try

 

div#core #images {
    border: 1px solid #DADADA;
    float: left;
    height: 248px;
    padding: 2px;
    width: 618px;
}

[DeanWhitehouse]

solved, didn't realise IE added margins for organised lists :s

Cheers

[haku]

You should look into using a CSS reset sheet. It will prevent problems like this from cropping up on you.