X-Cart forums

[Jeremy Smith]

Just getting back to my old roots at the moment.

I am having problems with the above version, it all started going wrong when I put:

/* page layout */
#content-container {
clear: both;
    float: left;
  overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 39px;
    margin-top: 140px;
    background-color:#FFFFFA;
    border-left:1px solid #D4D3CF;
    border-right:1px solid #D4D3CF;
    border-top:1px solid #D4D3CF;
    border-bottom:1px solid #D4D3CF;
    padding:10px !important;
}

Whats happening is, when I place the above css in the relevant css element '#content-container', it displays incorrectly in Internet explorer 8 (fine in Firefox of course!) but I have forgotten the skills to get around cross browser compatibility, grrr!!!

Can someone help?

The original css for this element was:

/* page layout */
#content-container {
    clear: both;
    float: left;
  overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 39px;
    margin-top: 140px;
}

Any help is greatly appreciated thanks,
Jeremy

[cflsystems]

Not sure what displayes incorrectly for you but this line

padding:10px !important;

overrides this line

padding-bottom: 39px;

so the bottom padding will be 10px as well instead of 39px

[Jeremy Smith]

You know what?

Your a star, I will try and sort out a margin from the top perhaps.

Its just soo annoying the way Internet Explorer tries to work with what its got and then does the presentation, whereas FF just does it more compliant based.

You'd have thought that with IE being the majority browser they would be more compliant wouldnt you?

But no matter what, thanks ever so much, its straightened out by the sides left and right, just need some kind of top margin so that it shows a gap between the header and the main content.