10 replies [Last post]
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Quote:
Warning: The following pages contain strong language, the kind any web developer is use to screaming at his or her monitor after spending 5 minutes trying to develop layouts on IE.

Well, that's what the man said, and it's true.

A not so polite discussion of hasLayout stupidities— worth the read.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 20 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

it does help to vent ones

Laughing out loud it does help to vent ones bile filled spleen from time to time even if we do know all these problem. His favorite expletive seems to be the same as mine Smile at least when I'm alone. I tend to start in advance of opening that flaming browser, just the thought of having to look at it fills me with a rage!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 33 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Hugo wrote:it does help to

Hugo wrote:
it does help to vent ones bile filled spleen from time to time

You oughta get a doctor to look at that. Shock

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 20 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I must or go on a anger

I must Smile or go on a anger management course for coders

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 10 years 36 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

I can only sympathise.

Smile

I can only sympathise. Most of the time, my simple formula "div,ul { zoom: 1; }" keeps IE7 completely inline and tames IE6 to a few minutes work. However, in the last couple of weeks its been seriously biting me in the posterior again. One thing he didn't mention (at least not in the bits I skimmed)...

Why the , does 'clear' not mean 'clear'? Or rather, why the does it only mean it'll clear what it feels like and not these other floated things!

For the first time in along time I have had to put <BR clear='all'> in a layout to get it to work - and in the middle of a list.

Hugo ... sign me up.

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 9 years 44 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Chris..S wrote:Why the, does

Chris..S wrote:
Why the, does 'clear' not mean 'clear'? Or rather, why the does it only mean it'll clear what it feels like and not these other floated things!

For the first time in along time I have had to put <BR clear='all'> in a layout to get it to work - and in the middle of a list.

So I'm not the only one to start noticing that clear:both; doesn't always work then! I've started doing this to get things clearing properly in IE6 and IE7...

<br style="clear:left;line-height:0;" />
<br style="clear:right;line-height:0;" />

Life's a b*tch and then you die!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 20 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Chris..S wrote:

Chris..S wrote:
Smile
Hugo ... sign me up.

Good stuf didn't fancy going alone Smile

Talking of IE and 7 in particular has anyone realised that there is a very serious manifestation of the 'Peekaboo' bug ? recently came across it and it's a real stinker worse it seems than it's older brother, fails to be tamed , I have been trying to get the code I was using pared down to a demonstrable test case, so far the only method I found to contain the problem is to float the parent, which I didn't really want to do.

So much for MS fixing the bugs.. not. :rolleyes:

Oh and yes I've had to use <br> recently too, gave up trying to understand what the problem was. :shrug:

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

I'd like to see the test

I'd like to see the test cases for both issues, if you guys get it worked down to one.

@Hugo: If I recall correctly, I had a fix, maybe two, that weren't included in Big John's article, or not. Smile See http://garyblue.port5.com/webdev/peekaboo.html

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 20 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I'm still trying to work it

I'm still trying to work it down to barebones example, it's definitely there, but mildly erratic depending on fixes I try to apply.

Naturally I would expect the clearing element to break the flow and hence break the problem, and indeed it does, I've used adding markup to break this sort of problem when all else proved futile, but was somewhat surprised to see this occur in IE7.

Since I've managed to grab a moment to work on it again I have stumbled on a simple fix in adding a linefeed between two closing elements in the markup the problem is resolved, this appears to hold but still want to look further and reduce the layout further which I'll post if it seems worthwhile.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 10 years 36 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

This isn't quite a barebones

This isn't quite a barebones example. Its a greatly simplified (and anonymised) version of the original page. The green elements come after the red elements in the source and should float adjacent to them (as they do in the third item). Perhaps clearing problem is a misnomer, as the first entry seems to clear properly, the second just doesn't know its there.

orioncs
Offline
newbie
Last seen: 14 years 39 weeks ago
Joined: 2008-08-23
Posts: 1
Points: 0

I totally agree with

I totally agree with Chris..S :shrug: .