Just found a rather annoying bug in IE (5, 6 and 7, but not 8!) on my home page. No issues in FF, Opera or Safari. Just visit my site in IE to see the bug in action. Basically the "recent work" section goes weird. Pretty sure it's a float issue. Have tried loads of things and it's probably just simple, but can't for the life of me figure it out.

 

Screenie:

 

Looks like an issue with the ul.portfolio and rightcolumn widths.

Try reducing your rightcolumn width 1px at a time and see what happens

Another thing, maybe its to do with the fact that right column comes first in the code, so IE displays the content afterwards, and therefore below?

it sounds to me like the most likely reason is that

 

 

 

 

 

 

Internet Explorer is a piece of crap designed by the devil to inflict misery on the world. Abandon internet immediately for your own safety.

 

(that's better )

Couldn't agree more...big bag of ****e

 

...as it happens I've fixed it. .portfolio had a width 100% which made IE go strange...

Ah, that would explain why I couldn't find any styling for .portfolio — you must have just changed it.

 

You're going to need to set up .portfolio to correctly clear the floated list elements, though. So you'll need to either put some sort of width on, and get an overflow on there, or float that as well, and put the width and overflow on the parent element of .portfolio.

 

Floats are fun!

The <li> within .portfolio has a float and then the subsequent <p> clears it all. School boy error...;D

it sounds to me like the most likely reason is that

Internet Explorer is a piece of crap designed by the devil to inflict misery on the world. Abandon internet immediately for your own safety.

 

(that's better )

 

errrr yep ya right sir.

 

tables never did this though!!!

 

i've spent half the week with my client phoning up saying it's different to the signed off protos...err yes as i told you use ffox for now...so what does she do look in ie instead and call me every 5 mins.

 

Do websites need to look the same in every browser?

Do websites need to look the same in every browser?

 

I'd say YES - if it means text expanding and not being readable as the bg colour hasn't expanded as well or if the container for image and text is 200 pixels extra in height as I experienced today then emphatically YES.

 

Really depends on context and your notion of the 'same'..if you saw the differences I currently have in a stand alone version of IE6 you'd faint if it were your site...really!

 

Basically any client would sack me if I delivered the site with the current cross browser anomalies. anyone who suggests otherwise is talking dogmatic and rhetorical, brainwashed standard 'ivory tower' nonsense. See I'm a bit wound up by the above comment...

 

Peace Badmotherz.

 

The <li> within .portfolio has a float and then the subsequent <p> clears it all. School boy error...;D

 

I see, I didn't notice that the first time around. *slaps face*

 

How come you're using a clearing element and not simply putting a width and overflow on the <ul>? You'd save a HTML tag then.

See I'm a bit wound up by the above comment...

 

@Headcoat. Chill dude. I don't think it can be taken literally. I think the meaning is aimed at designers who think they can get pixel perfect rendering the same in every browser out there.

 

@Rob. I had a width and overflow on the UL originally but IE went strange. I'll play around and see if I can ditch the clear, but it's attached to a follow-on paragraph anyway.

@Headcoat. Chill dude. I don't think it can be taken literally. I think the meaning is aimed at designers who think they can get pixel perfect rendering the same in every browser out there.

I really don't see why they can't, though. I sort of see your point if you are talking about minor inconsistencies like text anti-aliasing and PNG support, but there is nothing else stopping you from creating a layout that is "pixel perfect" in all the major browsers — IE 6 included.

 

 

@Rob. I had a width and overflow on the UL originally but IE went strange. I'll play around and see if I can ditch the clear, but it's attached to a follow-on paragraph anyway.

What happened when it went strange? If you can stick it back on (on a development area?) I'll have a look for you if you want.

 

 

Rob