Since my old site was pretty much rubbish. It used frames and didn't even remotely validate. I decided to rebuild it after I had a couple basic classes in css/php at school.

So I first build almost my entire site to work in Opera. Then I opened it in Internet Explorer to (not very suprisingly) that it looked completely different. Some things, because I made some error myself, but mostly because IE just doesn't conform to standards at all. But after a while I had managed to make the one in IE look almost completely similar by applying some 'evil hacks'.

Then came firefox...
First firefox interprets padding entirely different as other browsers. But fortunately that was easily fixed, by creating a extra div with a margin and removing the padding.
Second Firefox draws borders OUTSIDE of its parent, instead of inside, like Opera and IE. Causing all alignment to completely screw up in Firefox.

So I had to take all borders out. I'd love to get them back if someone knows of a way to have firefox to draw them inside its parent object. (in this case the div with the yellow background)

Anyway, here's the result: http://veddertheshredder.com/
Nothing really special, just some general information about stuff I made in the last few years. A bit of a basic portfolio I guess.

And since the colourscheme is the same as my previous site: Yes I'm going to keep it like this. Yes I like it.

That's funny, my websites render almost exactly the same in Firefox and Opera. :p I usually never have to tweak my websites for Opera.

Make sure you build your pages to use standards compliance mode instead of quirks mode.

But then I open it up in IE and I scream and wonder how the hell any browser could mess it up so bad.

You refer to the 'Fallacies of Good and Evil' as FGOE; isn't that.. wrong? I figured it to be FOGE, or just FGE.

Whoops yeah, I'll fix that.

MZZT: if you can tell me of a way to get borders the same in firefox, opera and IE, please enlighten me.

Tell browsers to run in strict mode. Insert



at the top of the page, as the first non-php line. Lack of a doctype declaration makes pages run in quirks mode which is handled differently on every browser.

Read more:
http://hsivonen.iki.fi/doctype/
http://www.quirksmode.org/

Waitaminute, YOU were one of the guys behind the Darkest Thing level?!

That was my favorite level EVER, and I have a lot of respect for you. I really enjoyed it.

Fardreamer: Thanks, I'll look into that as soon as I have the time.

Final_hope: Well Cave_Demon did most of the work, I just finished the project for him. Basically I made the cutscenes, most voice acting and the last couple areas. But thanks! I'm glad you enjoyed it so much.

Well, Firefox seems to be the only browser to follow the w3c's recommendation here: http://www.w3.org/TR/REC-CSS2/box.html
I always found this the best approach. I HATE how IE subtracts the padding from the width and height you specify (it used to do this in older versions at least, not sure if M$ fixed it in later versions).

Ok thanks everyone, that strict mode made everything working as it should!

I lost coloured scrollbar support in Opera though, but I guess I'll have to live with that.