CSS Problem

[tsimons]

Dont normally have issues with CSS but for the life me of I can't seem to get this work;

 

URL: TMS Solutions (UK) | Computer Repair and Network Solutions

 

I cant seem to remove the gaps between the DIVs ive tried everything..

 

Body{
background-image:url(../img/bgall.jpg);
background-repeat:repeat-x;
background-color:#767676;
}
#wrapper{
width:884px;
height:auto;
margin:auto;
}
#headbanner{
background-image:url(../img/header.jpg);
width:884px;
height:168px;
background-repeat:no-repeat;
margin:0px;
}
#navigation{
background-image:url(../img/navigation.png);
width:884px;
height:49px;
background-repeat:no-repeat;
margin:0px;
}
#content{
background-image:url(../img/contentbg.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#FFF;
width:884px;
height:auto;
margin:0px;
}
#contentbottom{
background-image:url(../img/contentbottom.png);
background-repeat:no-repeat;
width:884px;
height:19px;
margin:0px;
}

 

Ive tried to change the margin to "margin: 0px auto;" and also "margin:0px;" but nothing works?

 

Any ideas? I really dont like using absolute positioning...

Edited February 8, 2010 by tsimons

[Paul_Fielder]

Hi

 

Which DIVS are causing you the issue, I don't see any in IE7

 

Paul

[Mako]

Hi

 

Which DIVS are causing you the issue, I don't see any in IE7

 

Paul

 

Using IE8 here, and I see the issue. Using Ie7 cures the problem, but it needs recifying for browser compatability.

 

You may need to specify negative margins in order to bring the divs together, and specify each margin i.e top, bottom, left, right.

 

E.g;

margin: -10px 0px 0px 0px;

 

Will bring the element closer towards the element above it. Looks like you need to alter the margins of #content and #contentbottom. Play around with the values until they slot perfectly together.

[tsimons]

You may need to specify negative margins in order to bring the divs together, and specify each margin i.e top, bottom, left, right.

 

E.g;

margin: -10px 0px 0px 0px;

 

Will bring the element closer towards the element above it. Looks like you need to alter the margins of #content and #contentbottom. Play around with the values until they slot perfectly together.

 

 

Wonderful, such a simple fix , you know when you work on somthing so long you get lost in things you have already done..

 

lol

 

Thanks Mako!

 

Edited February 8, 2010 by tsimons

[Mako]

You're welcome, Tom.

 

Time for me to go home, methinks.