CSS Expanding box problem IE 6

[hitmandk1985]

Hi all,

I've been creating a website for a while now and it was all going well...

This was until I was informed that the site does not display correctly in IE6

I'm using Dreamweaver CS3 and used the browser compatabillity checker and it does display a problem for IE6

here is what it finds :

"Any content that does not fit in a fixed-width or -height box causes the box to expand to fit the content rather than letting the content overflow."

Affects: Internet Explorer 6.0
Likelihood: Likely

Now ive been to this link that it suggests http://www.adobe.com/cfusion/communi...NG_BOX_PROBLEM

and I do not have any idea on what to do. the width of the box is already set so i dunno what the problem is.

Any help would be much appreciated

Regards

(a very miffed with IE) hitman

[hxbro]

can you post a url to the page, you might need to play with the overflow: css options

[hitmandk1985]

ok here is the link

http://www.leesavionics.co.uk/newsite/products.html

apparantly is the box on the left with all the links in side thats causing all the coffuffle lol

any help would be extreamly appreciated

thanks

[Freddy]

#leftside {
clear:left;
float:left;
width:140px;
margin:0 0 5px;
padding:0;
overflow:hidden;
}

Try that. Ain't got IE installed at mo so can't see problem.

[hitmandk1985]

thanks peeps,

thats cleared part of the problem, this becoming quite annoying lol

ok so now ive cleared that problem, its also found another

"Three Pixel Text Jog"

When anonymous line boxes (boxes that contain inline content) are adjacent to a float, a 3px gap appears between the line box and the edge of the float. This gap disappears when the content clears the float, causing the content to "jog" three pixels in the direction of the float. Note that the gap may be difficult to see when left-aligned text is adjacent to a right float, but it does exist -- and it can lead to "float drop" in tight layouts.

Now regardless i'm not sure if this will effect the main problem, should have described what was happening really, ok the table in the middle of the screen in IE6 moves about a quarter of the page down for some reason, in Safari and IE7 its fine just IE6, now I thought it was something to do with just that page but ive been told it does the same thing with the contact page aswell, which i think is really really odd!

[hxbro]

IE and it's extra padding bugs.

Best thing I find is just define a IE stylesheet with the bits that break with a smaller width

[hitmandk1985]

errm do u know how to do that? or can u think of another way of fixing the problem?

[hxbro]

Put this in your page, it'll only include the stylesheet if IE is the browser

<!--[if IE]>
<link rel="stylesheet" href="css/iestylesheet.css" type="text/css" media="screen" />
<![endif]-->

[hxbro]

More conditional statements that only apply to IE (you shouldn't need anything for other browsers)

<!--[if IE]>
According to the conditional comment this is Internet Explorer<br />
<![endif]-->
<!--[if IE 5]>
According to the conditional comment this is Internet Explorer 5<br />
<![endif]-->
<!--[if IE 5.0]>
According to the conditional comment this is Internet Explorer 5.0<br />
<![endif]-->
<!--[if IE 5.5]>
According to the conditional comment this is Internet Explorer 5.5<br />
<![endif]-->
<!--[if IE 6]>
According to the conditional comment this is Internet Explorer 6<br />
<![endif]-->
<!--[if IE 7]>
According to the conditional comment this is Internet Explorer 7<br />
<![endif]-->
<!--[if gte IE 5]>
According to the conditional comment this is Internet Explorer 5 and up<br />
<![endif]-->
<!--[if lt IE 6]>
According to the conditional comment this is Internet Explorer lower than 6<br />
<![endif]-->
<!--[if lte IE 5.5]>
According to the conditional comment this is Internet Explorer lower or equal to 5.5<br />
<![endif]-->
<!--[if gt IE 6]>
According to the conditional comment this is Internet Explorer greater than 6<br />
<![endif]-->

[hitmandk1985]

excellent!

thanks man

i shall try that out and see how it goes

[Freddy]

http://www.positioniseverything.net/...haracters.html

Enjoy the world of IE hacks lol - http://www.positioniseverything.net/index.php

[hitmandk1985]

hi all

ok i tried all of what has been posted and the problem still remains...but....

ive learned something

the pages that have the problem with IE6 are the ones where the main content has a table!

so im relativly sure that IE6 is having some problem with me using tables to layout some of the content i.e. the contact and products page

any ideas?

[hxbro]

don't use tables unless it's for tabular data ?

[hitmandk1985]

excellent

thanks for all the help guys