Website Browswer Compatibility HELP!

andrew.daniels · 02-22-2010, 09:44 PM

Hey Guys.

My first post. Just decided to make myself a bit of a basic site as I start uni tomorrow and I will be able to update it as I learn new things. I just created a really basic layout however with firefox 3.5 it does not display right but looks fine in IE 8 (which i hate)

www.andydaniels.net

I did a one year TAFE course last year so I know a little bit about web design but nothing amazing.

Could someone please have a look and tell me where i've gone wrong?

If you need source files let me know and I can email them to you.

aracaris · 02-23-2010, 02:33 AM

I'm really not seeing any difference between IE8 and FF (in both of them on your about page your contents are disappearing partly under your navigation). However I recommend not designing primarily in IE, not at first.

Yes you need to test in a wide variety of browsers, but I suggest that you get it looking how you want in more standards compliant browsers than IE first, and then deal with IE's quirks afterward.

I also recommend testing it in earlier versions of IE using IEtester.

There will still be some visitors to your site using older versions of IE especially 7, and to a lesser extent 6, though those numbers are dwindling.
So I suggest making sure either that your site looks decent in those browsers too, or you could be more snarky and use javascript to send them a message that they are using an out of date browser and should update it.

EDIT: Let me know if this helps or not.

You have a lot of things absolutely positioned, that removes them from the flow of the page content, so it's like they aren't really there as far as your other content is concerned. I suggest playing around with not having the headerwrapper positioned absolute, so that it isn't removed from the flow of the page. Also instead of using all those non-breaking spaces you can position page content further down on your page by playing around with margin, and padding or giving the content it's own div and positioning it that way. But if you don't use absolute position on the headerwrapper div you may find that solves a good deal of the problem you are having.

PixelPusher · 02-26-2010, 04:16 PM

Could you post a screen shot of what is correct and one of the layout issue in FF?

Carry · 02-28-2010, 04:09 PM

Hi, everyone. I’ve read much about a new plugin for Photoshop – Divine plugin. However there is no information about it at Adobe’s official site. Have anyone tried Divine? It seems to be very useful for designers and developers.

aracaris · 02-28-2010, 07:46 PM

Here's what I see when I look at his site in FireFox (left, or top) and ie8 (right, or bottom). They are pretty much the same. I do still think that playing around with positioning, and not having absolute position on certain things would really help.

orangecopper · 03-01-2010, 02:06 PM

both look the same to me.
try using the browser compatibilty test in dreamweaver

regards
Josh

ddt · 03-01-2010, 07:01 PM

Hello, you have 8 errors in your XHTML, and 1 small error in your CSS

You can validate your document at

http://validator.w3.org/

great2 · 03-03-2010, 02:06 PM

If you try to check you website look all operating browser use browser tool internet

02-22-2010, 09:44 PM	#1
andrew.daniels New Member Join Date: Feb 2010 Posts: 8	Website Browswer Compatibility HELP! Hey Guys. My first post. Just decided to make myself a bit of a basic site as I start uni tomorrow and I will be able to update it as I learn new things. I just created a really basic layout however with firefox 3.5 it does not display right but looks fine in IE 8 (which i hate) www.andydaniels.net I did a one year TAFE course last year so I know a little bit about web design but nothing amazing. Could someone please have a look and tell me where i've gone wrong? If you need source files let me know and I can email them to you.

02-23-2010, 02:33 AM	#2
aracaris Bronze Member Join Date: Feb 2010 Posts: 71	I'm really not seeing any difference between IE8 and FF (in both of them on your about page your contents are disappearing partly under your navigation). However I recommend not designing primarily in IE, not at first. Yes you need to test in a wide variety of browsers, but I suggest that you get it looking how you want in more standards compliant browsers than IE first, and then deal with IE's quirks afterward. I also recommend testing it in earlier versions of IE using IEtester. There will still be some visitors to your site using older versions of IE especially 7, and to a lesser extent 6, though those numbers are dwindling. So I suggest making sure either that your site looks decent in those browsers too, or you could be more snarky and use javascript to send them a message that they are using an out of date browser and should update it. EDIT: Let me know if this helps or not. You have a lot of things absolutely positioned, that removes them from the flow of the page content, so it's like they aren't really there as far as your other content is concerned. I suggest playing around with not having the headerwrapper positioned absolute, so that it isn't removed from the flow of the page. Also instead of using all those non-breaking spaces you can position page content further down on your page by playing around with margin, and padding or giving the content it's own div and positioning it that way. But if you don't use absolute position on the headerwrapper div you may find that solves a good deal of the problem you are having. __________________ My Portfolio Samantha Dale Hairstylist Portfolio Last edited by aracaris; 02-23-2010 at 02:45 AM.

02-26-2010, 04:16 PM	#3
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,050	Could you post a screen shot of what is correct and one of the layout issue in FF? __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

02-28-2010, 07:46 PM	#5
aracaris Bronze Member Join Date: Feb 2010 Posts: 71	Here's what I see when I look at his site in FireFox (left, or top) and ie8 (right, or bottom). They are pretty much the same. I do still think that playing around with positioning, and not having absolute position on certain things would really help. Attached Images __________________ My Portfolio Samantha Dale Hairstylist Portfolio

03-01-2010, 02:06 PM	#6
orangecopper Gold Member Join Date: May 2009 Location: India Posts: 334	both look the same to me. try using the browser compatibilty test in dreamweaver regards Josh __________________ Best Classifieds ads scripts Best web hosting companies 2011 Wordpress SEO

02-28-2010, 04:09 PM	#4
Carry New Member Join Date: Jan 2010 Posts: 8	Hi, everyone. I’ve read much about a new plugin for Photoshop – Divine plugin. However there is no information about it at Adobe’s official site. Have anyone tried Divine? It seems to be very useful for designers and developers.

03-01-2010, 07:01 PM	#7
ddt Bronze Member Join Date: Dec 2009 Location: North Hollywood, CA Posts: 34	Hello, you have 8 errors in your XHTML, and 1 small error in your CSS You can validate your document at http://validator.w3.org/ Last edited by ddt; 03-01-2010 at 07:04 PM. Reason: wrong link

03-03-2010, 02:06 PM	#8
great2 New Member Join Date: Mar 2010 Posts: 1	If you try to check you website look all operating browser use browser tool internet

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