DIV Problems

[Icyflamez]

Ok so I'm working on my website, a gaming discussion forum.

I've made the layout using HTML and CSS. Used Divs for the most of it. Split the layout up and pieced it together using PHP includes. Worked fine as image bellow shows.

http://img528.imageshack.us/img528/6497/
ngfix.png

However I'm not programming the site in php. My programmer has added some coding and for some reason the layout breaks in IE (see link bellow)

http://img528.imageshack.us/img528/3/ngb reak.png

-However in Firefox and Safari the layout works as intended. As much as IE sucks I need to accommodate for it. Looking at the layout it seems div alignment has been broken and they are all stacking up against each other except for a few. Anyone have any ideas or web experience?

Cheers.

[Icyflamez]

Sorry. Uploaded example here. http://gencomic.sys1.co.uk Using this domain to test site.

Though I have made some changes, any ideas?

[Icyflamez]

I know HTML. I never claimed to be great at coding and I am aware that my Divs aren't working. The fact the site breaks makes it pretty obvious. But revising HTML and CSS won't benefit my broken Divs, so really what you're saying is unconstructive.

[Icyflamez]

Redo my coding? Thanks but that is what I had planned from post one.

[Jessii]

At 3/8/09 02:30 PM, Icyflamez wrote: I know HTML. I never claimed to be great at coding and I am aware that my Divs aren't working. The fact the site breaks makes it pretty obvious. But revising HTML and CSS won't benefit my broken Divs, so really what you're saying is unconstructive.

Actually his answer was constructive but because you're inexperienced, you can't see that. You're supposedly using XHTML, yet you have uppercase tags mixed in with lowercase tags. In your CSS, you have 2 body declarations, you can only have one.

There's just too much to pick apart so here:
XHTML Validation Issues
CSS Validation Issues

If you go through and fix all of that stuff, it will probably fix your problems.

[Icyflamez]

At 3/8/09 02:48 PM, Jessii wrote: Actually his answer was constructive but because you're inexperienced, you can't see that. You're supposedly using XHTML, yet you have uppercase tags mixed in with lowercase tags. In your CSS, you have 2 body declarations, you can only have one.

If you go through and fix all of that stuff, it will probably fix your problems.

I was just picking up on the fact I don't appreciate replies such as 'Wow that's bad, go fix it.' I'm not trying to be an ass, I just appreciate constructive advice.

As for your reply, thanks. Yeah, just noticed I had a left over body line in the CSS. Looking at the main page I'm pretty sure its all lower case except for one table, but still thanks. Not sure if either of those things will fix my problem but thanks for pointing those issues out.

[Jessii]

Well your code is an absolute mess, so I'm not even sure it would fix it but you can learn a lot by those errors. Don't use tables, use divs. I don't have the time to pick at your source bit by bit so I really can't help other than pointing those errors out.

[Icyflamez]

Right you are, thanks :D

[smulse]

At 3/8/09 02:48 PM, Jessii wrote: In your CSS, you have 2 body declarations, you can only have one.

lol what? You can define body a million times if you want.

Fugly code though as has already been said, fix the validator errors mainly and learn the difference between doctypes, HTML and XHTML and then make a decision and stick to it is the best idea for you I think.

Nobodys expecting you to be perfect but if we're going to be honest with you to get that to a decent standard from what it s now is going to take a lot of work, imo you should just read a few CSS positioning tutorials and start from scratch cus otherwise you'll just be deleting half of your source anyway, might as well do away with it all and start with a blank canvas.