explorer just murders my design!

virus1 · Feb 17, 2006, 04:44 AM

ok.. so here is my design: here, but on ie it is all messed up. this is really pissing me off. any tips on converting to ie compatible markup?

design critique welcome as well.

munkle · 05:50 AM

I guess the first step would be to make the site validate, that will make it easier to pinpoint any particular problems.

brianellisrules · Feb 17, 2006, 08:10 AM

Murdered? The only difference I see is that your vertical dropshadows aren't showing up in IE.

That, and the top banner/picture appears to be shifted left by a few pixels in Firefox.

This is all on a PC, btw.

mac.FINN · Feb 17, 2006, 09:21 AM

The best advice I can offer when designing websites on a mac - is test it everywhere!

I've had sites work beautifully in Safari, Firefox and IE but the same sight got 'murdered', as you said, in Netscape. Also when I ran it on a PC it didn't work on any browser! It happened to me using Dreamweaver and it happend using GoLive. It's so frustrating.

I don't know if there's an easy fix for it but eventually what I did was enter in every value for everything. Start with the items that seem to be screwing up. Enter in the height and width, borderwidth, cellpadding anything that can change the spacing or layout of the page. Don't expect the software to understand it always. It doesn't!

So even if all your borders = 0 and the tables fit your images ... enter in the values! It worked for me.

virus1 · Feb 17, 2006, 01:31 PM

Quote:

Originally Posted by brianellisrules

Murdered? The only difference I see is that your vertical dropshadows aren't showing up in IE.

That, and the top banner/picture appears to be shifted left by a few pixels in Firefox.

This is all on a PC, btw.

in ie on the mac, it shoves the entire body column to the right of the head picture

thanks for the tips everyone! ill get right on it and post any more problems i have.

dornoforpyros · Feb 17, 2006, 01:35 PM

Quote:

Originally Posted by virus1

in ie on the mac, it shoves the entire body column to the right of the head picture

thanks for the tips everyone! ill get right on it and post any more problems i have.

If IE for Mac is your only problem then you don't have a problem. M$ has dropped support for it:
http://www.microsoft.com/mac/product...ternetexplorer

and you should too

virus1 · Feb 17, 2006, 03:10 PM

well i was just testing for it as if it was the same as the pc version.

MrSugar · Feb 17, 2006, 03:33 PM

Quote:

Originally Posted by virus1

well i was just testing for it as if it was the same as the pc version.

Wise thought but in this case totally incorrect. IE 6 for PC and IE 5 for Mac are totally seperate code bases. IE5 is a different bread and as said above should be totally dropped for your support.

As a CSS developer I have eliminated all my IE5mac hacks and simply focus just on making things work in Standards compliant browsers and IE6 for PC.

The best option is to test it in IE6 and see how it looks. If it doesn't look right it's time to start diving into possible problems with the page (Or the way IE interperts it, because IE6 can mess up the most valid and perfect code in the world).

-Bruce

virus1 · Feb 17, 2006, 07:53 PM

i understand, but i don't have a pc or access to one. any ideas?

frankblundt · Feb 17, 2006, 11:44 PM

There's really no way round it. However unfortunately, the vast majority of web users use IE6 on XP and it doesn't render code like anything else. Either you need to buy a PC (any old piece of second-hand crap will do, shouldn't cost tooo much) or get Virtual PC.

By sticking to validated Strict HTML4 and CSS i can get my sites to render perfectly in Firefox and Safari, sometimes a little odd in Opera, and, with a bit of "breakage", in IE6. I've given up trying to get anything sensible to work in either Netscape 4.7 or MacIE5 (which has to be the doggiest of dog browsers and unfortunately the only one available to our design studio who are still stuck in OS9)

IE6 has completely non-sensical ways of interpreting floats, margins and padding which i've never got my head around, and only managed to get working by endless "try this and see" methods. You really need a copy of it to test your pages in.

munkle · Feb 18, 2006, 04:29 AM

Or you could use a service like BrowserCam (free trial period) to take screenshots of your site in different browsers to check for discrepancies.

efridge · Feb 18, 2006, 10:50 AM

I've got an old P3 at my office that I can connect to using the free Remote Desktop Connection. It's actually very fast, and it's like running virtual PC without being so processor intensive.

Plus, if I'm away, I can VPN into the network and still get to it.

Feb 17, 2006, 04:44 AM	#1
virus1 macrumors 65816 Join Date: Jun 2004 Location: LOST	explorer just murders my design! ok.. so here is my design: here, but on ie it is all messed up. this is really pissing me off. any tips on converting to ie compatible markup? design critique welcome as well. __________________ No, really. I completely understand you. (Pay no attention to my 'tar)
	0

Feb 17, 2006, 05:14 AM	#2
munkle macrumors 68030 Join Date: Aug 2004 Location: On a jet plane	I guess the first step would be to make the site validate, that will make it easier to pinpoint any particular problems. Last edited by munkle; Feb 17, 2006 at 05:50 AM.
	0

Feb 17, 2006, 03:10 PM	#7
virus1 Thread Starter macrumors 65816 Join Date: Jun 2004 Location: LOST	well i was just testing for it as if it was the same as the pc version. __________________ No, really. I completely understand you. (Pay no attention to my 'tar)
	0

Feb 17, 2006, 07:53 PM	#9
virus1 Thread Starter macrumors 65816 Join Date: Jun 2004 Location: LOST	i understand, but i don't have a pc or access to one. any ideas? __________________ No, really. I completely understand you. (Pay no attention to my 'tar)
	0

Feb 18, 2006, 10:50 AM	#12
efridge macrumors newbie Join Date: Feb 2006	I use RDC I've got an old P3 at my office that I can connect to using the free Remote Desktop Connection. It's actually very fast, and it's like running virtual PC without being so processor intensive. Plus, if I'm away, I can VPN into the network and still get to it.
	0

Feb 17, 2006, 08:10 AM	#3
brianellisrules macrumors regular Join Date: Oct 2003	Murdered? The only difference I see is that your vertical dropshadows aren't showing up in IE. That, and the top banner/picture appears to be shifted left by a few pixels in Firefox. This is all on a PC, btw.
	0

Feb 17, 2006, 09:21 AM	#4
mac.FINN macrumors member Join Date: Feb 2006 Location: Canada	The best advice I can offer when designing websites on a mac - is test it everywhere! I've had sites work beautifully in Safari, Firefox and IE but the same sight got 'murdered', as you said, in Netscape. Also when I ran it on a PC it didn't work on any browser! It happened to me using Dreamweaver and it happend using GoLive. It's so frustrating. I don't know if there's an easy fix for it but eventually what I did was enter in every value for everything. Start with the items that seem to be screwing up. Enter in the height and width, borderwidth, cellpadding anything that can change the spacing or layout of the page. Don't expect the software to understand it always. It doesn't! So even if all your borders = 0 and the tables fit your images ... enter in the values! It worked for me.
	0

Feb 17, 2006, 11:44 PM	#10
frankblundt macrumors 65816 Join Date: Sep 2005 Location: South of the border	There's really no way round it. However unfortunately, the vast majority of web users use IE6 on XP and it doesn't render code like anything else. Either you need to buy a PC (any old piece of second-hand crap will do, shouldn't cost tooo much) or get Virtual PC. By sticking to validated Strict HTML4 and CSS i can get my sites to render perfectly in Firefox and Safari, sometimes a little odd in Opera, and, with a bit of "breakage", in IE6. I've given up trying to get anything sensible to work in either Netscape 4.7 or MacIE5 (which has to be the doggiest of dog browsers and unfortunately the only one available to our design studio who are still stuck in OS9) IE6 has completely non-sensical ways of interpreting floats, margins and padding which i've never got my head around, and only managed to get working by endless "try this and see" methods. You really need a copy of it to test your pages in.
	0

Feb 18, 2006, 04:29 AM	#11
munkle macrumors 68030 Join Date: Aug 2004 Location: On a jet plane	Or you could use a service like BrowserCam (free trial period) to take screenshots of your site in different browsers to check for discrepancies.
	0


MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
thread	Thread Starter	Forum	Replies	Last Post
So I started just started my graphic design course..	Eyeheartfrogz	Community Discussion	2	Jul 28, 2011 08:27 AM
Oh my Lord, my 2.8ghz just murdered my 3ghz octo	macenforcer	Mac Pro	86	Jan 31, 2008 11:07 PM
I want to murder my (U3) USB Flash Drive.	Taylor C	Mac Peripherals	14	Nov 13, 2007 01:38 PM
iTunes 7.3.2 murdered my Mini! Please help!	Janabi	Mac Applications and Mac App Store	0	Sep 1, 2007 07:57 AM