Yet again, I've redesigned my family's website. I have to do the code by hand with Notepad because I don't have any nifty web authoring tools, but seeing as it's a small site, it's no big deal.
When I view the site in Firefox 1.5, it looks just like I intended, but something screwy happens when I load it in IE 6.0. I know IE does not render the box model properly, but I really don't know how to fix it. My coding skills are enough to make me dangerous, but I obviously can't fix everything.
Thanks, B.J.
Posted by MinutiaeMan (Member # 444) on :
I'd check it in IE7 first. Word has it that Microsoft will be force-feeding everyone IE7 through Windows Update by the end of the year, so IE6 will disappear fairly quickly.
Otherwise, I'd just add a little SSI code that tells IE users to get a real web browser.
(Sorry I don't have any real help at the moment; it's after 1AM and I have to work in the morning. Ask me again later.) Posted by Ritten (Member # 417) on :
IE will be getting worse so I have to agree with MM, ditch IE, send them to a form of mozilla.
IE is getting bad enough that there are some mambo templates that will not work with it anymore, as they are shrugging off the anti trust suit and heading on their own path again.
With my IE 6.0.2800.1106 it looks okay, what is it not doing in your IE?
Posted by B.J. (Member # 858) on :
Here's what it's doing (IE on left, Firefox on right):
Those extra white spaces in IE (which is the container background showing through) aren't supposed to be there. The same thing shows up around the footer.
B.J.
Posted by Cartman (Member # 256) on :
The box model bug in IE6 only shows up if it's in quirks rendering mode, which gets triggered by an invalid or missing DTD. Unfortunately, IE6 also considers a DTD "invalid" if you omit the system identifier (URI) on a HTML4 page, so...
Add this ==> "http://www.w3.org/TR/html4/strict.dtd" <== to your doctype declaration, and then cross your fingers.
Posted by B.J. (Member # 858) on :
Wierd. That apparently helped get rid of the white space on the right, but not below the title image. So as a hack, I set the background color of the header the same as the bottom of the image, since it's all one color. I don't like it, but it works, so I'm declaring victory for now.
Thanks for everyone's help!
B.J.
Posted by MinutiaeMan (Member # 444) on :
Also, try the star trick... it's perfectly valid CSS:
code:
* html p { /*IE-only rule*/ }
I use that myself for a few elements on my site...
Posted by Daniel Butler (Member # 1689) on :
What's this 'Holly Hack' I hear about?
Posted by Charles Capps (Member # 9) on :
BJ, for an additional challenge, you should turn your top menu into a set of list items. Figuring out how to fix THAT in IE is always fun.
Posted by Da_bang80 (Member # 528) on :
I totally have to remember that site. So useful, yet so useless.
Posted by Fulgrim (Member # 1906) on :
Telling people to 'ditch IE' is a bad way out. You want a website to be viewable by everyone, else you are basicly cutting your audience in half.
If you want a decent, free tool, try Notepad++. You can doanload language files so it will highlight syntax correctly and it lays out all functions in a nice collapsable treeview. Also has line numbers and various other operations beyond notepad.
Posted by Daniel Butler (Member # 1689) on :
You don't want your site visible by everybody, you want your site visible by those enlightened enough to *ditch IE*...at least, that's honestly the way I design. If they can't see it I don't care, its not like I'm working for CNN or something...its just a place to put crap for any body that might...want crap.
Posted by B.J. (Member # 858) on :
Yeah, try telling that to grandparents and great-grandparents who just want to see the kids' pictures. Some of them are lucky enough to find the "ON" switch.
Posted by Fulgrim (Member # 1906) on :
If you're really just hosting 'crap' then you wouldn't be running into compatability problems with your code, since its crap - even IE can read crap.
Posted by B.J. (Member # 858) on :
![[Wink]](wink.gif)
