Site Review (So Far!) AND Why is Firefox Messing Up The CSS!!!

silverwex · 19-01-2010 10:23pm #1

http://www.nmurphydesign.com/clients/noname1.htm

Can someone tell me why in Firefox the wrapper stops at the end of the header while in IE it displays correctly?!

Ive closed all divs!

Thanks!

RobertFoster · 19-01-2010 10:34pm

Your opening div is outside the body tag, but the closing div is inside. Put both inside.

silverwex · 19-01-2010 10:35pm

Thank you RoberFoster!

silverwex · 19-01-2010 10:36pm

Actually, still not working in FF...

kakee · 19-01-2010 10:45pm

I just modified your css and it works for me in firefox and ie

Try this. Just define the correct height you need.
#wrapper {
width:830px;
height: 800px;
margin: 0 auto 0 auto;
border: 1px gray solid;
background: white;
}

silverwex · 19-01-2010 10:51pm

Thanks kakee - works!

kakee · 19-01-2010 10:52pm

No problem. Thats how I do things trial and error, mostly error.

Just one quick thing you have an error on the home page you need a space between residentialproperty

silverwex · 19-01-2010 11:09pm

Thanks again!

One thing though, if the other pages are slightly longer than homepage Ill have to constantly change the height values! I tried 100% but that didnt work.

19-01-2010 11:48pm

Don't forget to put something meaningful in the title tag

20-01-2010 1:07am

Bit of general advice. If you code something in Firefox first, then it will work in Firefox, Safari, Chrome and IE8. Get that all right first, then check it in IE and get it working in IE7/IE6. It's a lot easier that way.

20-01-2010 9:12am

Bit of general advice. If you code something in Firefox first, then it will work in Firefox, Safari, Chrome and IE8. Get that all right first, then check it in IE and get it working in IE7/IE6. It's a lot easier that way.

Good advice.

I'll add a little sidenote if I may. It's also good to get a working knowledge of the common IE bugs. Forewarned, you can design in a way that circumvents them rather than having to do a lot of rework to fix for IE. I know this practice saves me a lot of time. Here's a good starting point:

http://www.queness.com/post/683/10-awful-ie-bugs-and-fixes

Site Review (So Far!) AND Why is Firefox Messing Up The CSS!!!

Comments