Viewing Thread:
"Blummin' IE and CSS..."

Hey,
I've be designing a site and it's nearly done,but I have an IE problem. Look and at the following page in Firefox or Mozilla and then IE.

http://stevesmiscellany.8bit.co.uk/

How do I make it look like it does in Firefox in IE. The CSS code for the content div is as follows:

#content{
right: 11px;
left: 119px;
margin-top: 116px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
height: 353px;
width: auto;
position: absolute;
background-image: url(../JPG/contentgrad.jpg);
background-position: left;
background-repeat: repeat-x;
border-width: 1px;
border-color: #000000;
border-style: solid;
font-size: 16px;
font-style: italic;
color: #FFFFFF;
text-align: center;
}

IE doesn't seem to like the auto width command, how else could I do this?

Cheers
S.A.

Tyla wrote:
> Allred wrote:
> Cheers, that does work, but I want the content area to span to 10px
> from the right, which I can seem to get it to do any other way.
>
> Stuff like that should be applied to the content tags ie:
>
> h1, h2, h3, h4, ul, p, table {maring-right: 10px;}

Cheers.

I've got round it by seting the width of the site instead, but that is well worth knowing.

Allred wrote:
> Cheers, that does work, but I want the content area to span to 10px
> from the right, which I can seem to get it to do any other way.

Stuff like that should be applied to the content tags ie:

h1, h2, h3, h4, ul, p, table {maring-right: 10px;}

Very_Metal wrote:
> use a width percentage value instead of "auto"?
>
> ie:
> width: 85%;
>
> i just tried it and it certainly seems to work in both browsers.
>
> hope that was some use to you.

Cheers, that does work, but I want the content area to span to 10px from the right, which I can seem to get it to do any other way.

use a width percentage value instead of "auto"?

ie:
width: 85%;

i just tried it and it certainly seems to work in both browsers.

hope that was some use to you.

Hey,
I've be designing a site and it's nearly done,but I have an IE problem. Look and at the following page in Firefox or Mozilla and then IE.

http://stevesmiscellany.8bit.co.uk/

How do I make it look like it does in Firefox in IE. The CSS code for the content div is as follows:

#content{
right: 11px;
left: 119px;
margin-top: 116px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
height: 353px;
width: auto;
position: absolute;
background-image: url(../JPG/contentgrad.jpg);
background-position: left;
background-repeat: repeat-x;
border-width: 1px;
border-color: #000000;
border-style: solid;
font-size: 16px;
font-style: italic;
color: #FFFFFF;
text-align: center;
}

IE doesn't seem to like the auto width command, how else could I do this?

Cheers
S.A.