Getting Explorer to handle "bottom" tags in css pr

[Geebs]

How do you do it? I'm getting sick of the whole correct css, correct html, displays correctly in mozilla, fubared in IE thing. Grr.

[Freakaloin]

moron alert???...

[Grudge]

Depends on what you're trying to do, what are you using 'bottom' for?

[PhoeniX]

I'm in the same boat, using rounded corners it won't round properly in IE but works flawlessly in Firefox, and all the css/html is 100% validated.

Fucking IE

[4days]

validated means buggerall for ie

what method are you using? most reliable is to have an element for each corner (or at least for 3 of them).

e.g. http://www.cssplay.co.uk/boxes/krazy.html

and what grudge asked.

[Foo]

I stopped supporting IE, cause I'm a stubborn nerd.

If it works in Opera and Firefox, that's enuf for me.

[MKJ]

how about

Code: Select all

<div style="background: url('images/bottom.gif') bottom no-repeat;">
content here
</div>

or just add a div with an nbsp at the end of your content with that bg img and the bgcolor of the underlying div/td/body

[Geebs]

the actual page is here:
http://homepage.mac.com/guitarbloke/Cro ... outus.html

(it's still in the mockup stage - website for my stepmom's PR firm)
external style sheet at:
http://homepage.mac.com/guitarbloke/Cro ... /basic.css

I'm using the bottom tag to make the left bar fit the screen whatever the height.

[Grudge]

Check this out:

http://phrogz.net/CSS/

Great tips and tricks for this kind of stuff, I think there is something to solve your problem there.

[Geebs]

It's getting hard to see the layout, 'cos there's more and more cracks appearing on my monitor as I beat my head against it. Thanks for the link, man.

edit: I've come up with a revolting hack involving tables that even works in IE5 for mac, ffs, and IE6 windows still doesn't like it. AAAARGH

[MKJ]

after seeing the page, i dont quite understand what is not working for you

and why didnt you try the thing i posted. that always works for me

[4days]

semi-fluid layouts can be a real pain unless you're happy to run in quirksmode, especially with that border around the content area (which means you can't do any of the usual background tricks).

does it *have* to always go to the bottom of the viewport? or would a minimum height for the menu/content areas do? e.g, something roughly like this:

http://www.l0unge.com/q3w/geebs_v1.htm

other reason for posting that is to make a nerd suggestion about the way the html is laid out. this way the visitor gets

title
content
menu
contact info

in that order, so you can have different stylesheets for different platforms, or if the stylesheet's ignored, it'll still be okay as a page.

[glossy]

Just remember all your IE CSS hacks (speech-family or whatever) and exploit them to make IE do as it's told. Goddamn i hate IE.

[MKJ]

the !important attrib helps too

[Foo]

Oh dont forget tables. It's real dark-ages shit, but tables are still WAY simpler AND more robust than CSS when it comes to the macro layout of your page.

Which is fucking stupid, but whatever works right.

[Geebs]

OK, I think I'm getting somewhere - fooled IE5 mac, but then had to put another hack in for Safari....

Just wanted to say thanks for the input, guys.