amazing fun cf contest

as anyone using IE will know, the comments can truly fuck up the layout of crossfire when browsing in IE.

if anyone can figure out a way to fix this in css then you'll get a big SHINY STAR

example page: http://www.crossfire.nu/?x=column&mode=item&id=360
Comments
24
indeed ='(
winner will also get a big wet kiss from me =:D
In Opera 9.5 there is no border for the Comments section.
use firefox? :x problem solved
fix the width or smthn i would guess

ask the guy who made the crossfire 4.0 journal
well that's what I'm asking, IE is notoriously shit for following CSS standards, atm it is completely ignoring the width limits
Parent
play around with the code u might come across smthn i doubt u will get alot of answers other than "Opera" or "LOL" here ;p
Parent
was it like that before? :o

compare your changes with the old css
it's always been like that
Parent
also make the images auto resize to fit page size, fucking anoying while using IE at work

img.resize {width: 50%; height: auto;}

+

<img class="resize" style="max-width: ***px; max-height: ***px;"...>

or smth I'm not pro in this stuff
it already does for FF and opera.

I think we should just ban IE users from cf :X
Parent
yeah IE just sucks but don't always have my portable FF with me.

But opera and FF are automatically resizing images has nothing to with css right? Or am I talking shit now?
Parent
just put sth like this somewhere:

"This page is optimized for Firefox etc"

IE users need to die anyway :>
Parent
if some1 access this page with IE tell them to download firefox/opera/safari/anything else.

what's more important (maybe it's already there) i want a flash game when you are banned :( or atleast that bumping fish gif from tosspot his profile
haha that gif is the best!
Parent
make it happen then :) (plz)
Parent
google: max width in ie
already been used in about 80 different places, IE simply doesn't listen :X
Parent
nice trying to hack us all now by trying the site with ie while u got a IE exploit hidden on this page which dl´s your trojaner in the backround !


and no dunnow how to fix it :(
Of course there's a catch.. Internet Explorer up to version 6 doesn't support the max-width property (we can hope for IE 7), and with it's other problems and market share it's the browser that needs it the most. But there is a workaround.

IE has the ability to perform javascript like (or is it javascript? I dunno) functions on it's CSS so you can fake max-width with it. Here's the syntax.

selector {width: expression(this.width > value ? value: true);}

I'm not gonna pretend I know everything going on there, suffice to say this is how you might use it with the max-width property example we used before.

.post-body img {
max-width:400px;
width: expression(this.width > 400 ? 400: true);
}

The two values in the IE statement would be the same value as your max-width statement in pixels. Unfortunately, as far as I've been able to find out you can't use this method with percentages in IE(least I haven't found a way to ). Browsers other than IE will safely ignore the width:expression statement and just implement the max-width.

I probably should mention that max-width isn't just for images, it can be applied to any element that you would apply a width to. I should also note that if you try the IE fake to keep it from enlarging a container, you have to apply it to the problem element, not the container itself. You can apply the IE fake to a container (to keep it from going naturally over a certain width ) BUT if an element inside that container (an image, table, whatever) is larger than that width it will still enlarge it's container in IE. In those cases apply max-width and the fake to the element causing the issue, not the container itself. Did I just confuse the matter?

So for an example, if images in the #sidebar div were causing an issue doing this

#sidebar {width:220px;
width: expression(this.width > 220 ? 220: true);
}

would NOT HELP IE. Here it's only applied to the containing div#sidebar. The offending images would still enlarge it.

Attack the element directly like

#sidebar img {max-width:200px;
width: expression(this.width > 200 ? 200: true);
}

A statement like that would keep the images in the #sidebar (if that's the id of your sidebar, it could be different) in check.

Then again you could resize those damn images... ;-)




source : http://phydeaux3.blogspot.com/2006/01/max-width-and-faking-it-for-ie.html
fire fox <333
Back to top