6 replies [Last post]
Stuart
Stuart's picture
Offline
Enthusiast
UK
Last seen: 17 years 11 weeks ago
UK
Joined: 2004-02-27
Posts: 107
Points: 0

Hi - haven't been around these parts for a while!! Smile

I have a strange problem with a container based upon Creating Custom Corners and Borders when viewing with good ole IE6. My version is right-floated, contains left-floated paragraphs, and when you resize the IE6 browser window to a point just before the paragraphs wrap, you see that where previously there was no padding, now some padding has appeared on the right-hand side! If you continue to resize the window further, the paragraphs wrap and the padding disappears again. This problem does not occur when viewing in Firefox v9.0.1 by the way.

I've been experimenting and hacking the CSS on this for days now, off and on, but I can't seem to fix it - does anyone have any ideas before I drop this method and move to a more simplistic idea??

An example page is here http://www.stuarthomfray.co.uk/testing/StrangeFloatEffect.html containing further explanation and screengrabs comparing Firefox with IE6 - the CSS is embedded in the head of the page.

cheers,

Stuart

megavolt
Offline
newbie
Last seen: 16 years 44 weeks ago
Joined: 2004-07-13
Posts: 10
Points: 0

Have you tried the holly hack?

Don't know if you have tried the Holly Hack???

http://www.positioniseverything.net/explorer/escape-floats.html

good luck Smile

Stuart
Stuart's picture
Offline
Enthusiast
UK
Last seen: 17 years 11 weeks ago
UK
Joined: 2004-02-27
Posts: 107
Points: 0

Re: Have you tried the holly hack?

megavolt wrote:
Don't know if you have tried the Holly Hack???

Thanks, Megavolt, but I'd already tried setting 1%/1px height values for the various containers, without any joy! Sad

One other strange effect (that may give a clue, as it seems to suggest that IE6 is having trouble calculating values) is that if you make the images within the float varying widths (as opposed to all of them being 100 pixels wide), it seems to 'assist' in some way - the extra padding doesn't seem to occur quite so much...

Hope that might suggest something to someone!!

cheers,

Stuart

megavolt
Offline
newbie
Last seen: 16 years 44 weeks ago
Joined: 2004-07-13
Posts: 10
Points: 0

Floats, backgrounds, and resizing the IE6 window

I better just say b4 I state this that this might me a silly idea,
(and it is only an idea.)

I have a similar problem with the updated version of my site,
and if I remove all the images but replace them with
float boxes; with holly hack applied the problem is not present.
Which led me on to thinking about playing with setting the pics as small background images???

I am quite new to tableless sites, and It's frustrating when you get bogged down on little bits like this, but I watch (this) with interest, and keep getting new little gems of info. Smile

I have dowloaded your example, and intend to have a play if thats ok? (in the mean time hope some helpful guru, comes along and solves it for you / us Smile

regards

Steve

megavolt
Offline
newbie
Last seen: 16 years 44 weeks ago
Joined: 2004-07-13
Posts: 10
Points: 0

did not slice images?

Downloaded your demo, and noticed that my previous mentioned idea would maybe not work as the whole thing is a sliding door background.

But something I did notice is that the version on "alistapart" is sliced into small pieces.

If you look at yours its whole, and also if you remove all but the first one I believe you can see aprox where it will patrude from the other side???

If you use a coloured border like green in the "alistapart" demo, you could make the background transparent, keeping the left side and top for the content, and slice the other sides up as in the slices for "top corner right", "right", "bottom corner right", etc.

Anygood ?

BTW what is the layout like that you are aiming for?
Is it poss to use fixed width?

regards

Steve

megavolt
Offline
newbie
Last seen: 16 years 44 weeks ago
Joined: 2004-07-13
Posts: 10
Points: 0

More about corners in IE

After playing with your example for a bit,
made the version from "alistapart", it still suffers the same prob only just in the top corners as I expected.... Sad

not to give up I started searching again...

Just found this have not tried it... but it also kinda ties in with your last comment??? Laughing out loud

http://www.alistapart.com/discuss/customcorners/4/#c5921

Let me know ... I will try it if I get time too Smile

Also look at this ! (no good for me, but might help you?)

http://www.fczbkk.com/css/ramceky.html

Stuart
Stuart's picture
Offline
Enthusiast
UK
Last seen: 17 years 11 weeks ago
UK
Joined: 2004-02-27
Posts: 107
Points: 0

Slight compromise and 'fix'

Hi Steve,
Made a slight amendment, but first, thanks for taking the trouble to 'chew' on this one!! Smile If you fancy playing with the html/css then please, do carry on!!

megavolt wrote:
...but it also kinda ties in with your last comment??? Laughing out loud

http://www.alistapart.com/discuss/customcorners/4/#c5921

Yep, it certainly does look like a close relative of the IE6 Resize Bug!!

megavolt wrote:
Also look at this ! (no good for me, but might help you?)

http://www.fczbkk.com/css/ramceky.html

Phew! Have you seen the markup!!?!? 9 nested <.div.> tags!!!! It looks like it'll work, but I'd like to try and keep the tag count down a bit! Smile

In the end, I decided to test images of varying dimensions, and to remove the captions from underneath each image. I've put the result here along with a bit of an explanation.

As I say, I'm reasonably happy with that, so now I can take a few steps backwards and try this new idea - it seems to work fine in both IE6 and Firefox 0.9.2, so as long as the Mac browsers are OK (I must remember to check in Opera too...!)

Once again, thanks Steve for your efforts - much appreciated!

cheers,

Stuart