I'm quite proud of my site, however after viewing it on my Dad's Dell I nearly flipped. All the fonts were screwy and bled into the images, plus some of the images didn't appear. I know that there are limitations with this program, however what are my options? Can I port my site to a better web design application?
I don't have a Pee-Cee at home, so I would appreciate any feedback from anyone who has access to a Windows machine. How does my site look?
Try using virtualization software (Parallels, VMWare Fusion, VirtualBox, etc...) to test for PC cross browser compliance.
Here's the hard truth, iWeb was not a great web development application for support outside Safari.
It sucks, but your best bet is to start from scratch in a new environment. You technically can edit an iWeb site with an HTML editor, but, unless you are prepared to rewrite the bloated and ineffective source and associated libraries, it's not worth the effort!
Last edited by Liam@Large; Sep 25th, 2011 at 10:09 PM.
I edit several sites in iWeb, and enjoy it's ease-of-use for rapid updates (who has time to futz with a site anyway, if it's not your day job?). I'm also less than pleased in how it appears in FireFox, even on a Mac... anything with a drop shadow causes real problems (see http://www.springhillheritage.ca).
One option is to switch to RapidWeaver. It's almost as iWeb-friendly, quite powerful and offers several templates and a decent community of developers providing plug-ins and such. Not free, but not ridiculously expensive ($80 in the Mac App Store).
Another option, particularly if you'd rather spend your time on the content rather than the design, would be to use WordPress - it's way more than a blogging platform these days and there are lots of really great templates out there, many of which are free. If you know a bit of CSS, you can customize further.
As for your existing site, yes, it does have some display issues in Internet Explorer on Windows 7 (under VMWare Fusion - I ALWAYS check my web designs on IE and other Windows browsers before considering them ready for prime time). As you noted - text overruns the box in several places. In a quick look at the code (which is never actually quick with anything iWeb generates...) it would appear that in at least some instances, and possibly all, the problem originates because the text area in question is in a div with a fixed height and overflow set to "visible."
Safari appears to render the text a bit differently, so it does fit within the height specified - on IE, it doesn't, so it overflows.
The odd thing is that everything I've read indicates that the overflow:visible is broken in IE 6, 7 and 8 and it actually lets the boxes expand. So it's also possible that something else is messing this up, but as I've noted, looking at iWeb generated code is enough to make one cross-eyed.
There are various ways to fix this - but I have no idea whether you have the ability to control these things well in iWeb, since I flat out refuse to use anything that doesn't let me write and edit code directly. First off, I'd check to see if you can remove the height declarations on the divs in question. That should immediately eliminate the overflow problem, which seems to be the only major issue I'm seeing, other than the reflections on the Spark header not working. If you can't remove the height declaration, then obviously, you should see what increasing it does - it may leave white space in Safari, though.
As for the reflections on the Spark header not working, the way around that is to create the header with the reflections in Photoshop, so the reflections are part of the image, not some bit of CSS that IE doesn't support.
__________________
2.8GHz MacPro, 2.6GHz i7 hi-rez 2012 15" MBP and a bunch of other Macs and i-things
I edit several sites in iWeb, and enjoy it's ease-of-use for rapid updates (who has time to futz with a site anyway, if it's not your day job?). I'm also less than pleased in how it appears in FireFox, even on a Mac... anything with a drop shadow causes real problems (see http://www.springhillheritage.ca).
One option is to switch to RapidWeaver. It's almost as iWeb-friendly, quite powerful and offers several templates and a decent community of developers providing plug-ins and such. Not free, but not ridiculously expensive ($80 in the Mac App Store).
+1 for RapidWeaver. I have been using it for three years now and it is user friendly, great support and dead easy to use. I can update my site, which I do daily 364 days a year, in about 45 minutes, even though it contains a lot of material. It renders just fine in any browser and any platform.