Small Issue

[kevinmcqueen]

Right,

Got a bit of an issue here..

I have the following CSS code:

.content {
left:20%;
top:00px;
max-width: 58%;
position: relative;
min-height:100%;
border-left: Groove #000000 1px;
border-right: Groove #000000 1px;
padding:5px;
min-height:515px;
}

I thought it was all working well, and my mate went onto the site, and the content from the content div, is over lapping my sidebar on the right hand side.

All is ok on my Browser (Firefox, and I tested in IE7 too)..

I believe its a max-width issue - does anyone know a way around this?

[WebJoel]

It's got to be an <IE6 issue, as IE6 and under doesn't recognize "min-width", "max-width" or "min-height".

....min-height:100%;
border-left: Groove #000000 1px;
border-right: Groove #000000 1px;
padding:5px;
min-height:515px;... order of precidence: the last occurance of a repeated recognized selector, is the only one obeyed. "min-height:100%;" is completely ignored by every browser, as this is repeated later as "min-height:515px;".

[kevinmcqueen]

Yeah, noticed that later...

Height-wise, its fine,

Was just the width there was an issue with..

Seemed to have sorted it, just by giving it a set width, not what I wanted, but it doesn't seem to be causing any issues.