Need a new web host or having a problem with a script? Tips and advice on the best way to design, build and maintain your most valuable asset - your website!

Different browsers!

cdidcott
Posts: 105
Joined: 23 Aug 06
Trust:

Different browsers!

I use dreamweaver8 for my web designs. My site looks fine when viewed using i.e.7, unfortunately when viewed with Firefox 1.5.0.8 all the tables and borders have move to (for me) unpredictable places.

What other browsers should I be checking my site on? I was also wondering how the different browsers interpret HTML code. I know this is a very broad subject but any insights would be most helpful.

Colin
  • 0
PremiumMember
chatyak86
Posts: 1369
Joined: 17 Jun 06
Trust:
You must of done something wrong. Actually I am going to take a wild guess and say you created everything from the "view" tab. Anotherwords, you didn't fine tune your page by looking at the code. You did your site from the design view. This will cause a shift in tables. I use dreamweaver for my sites and they show up the same in every browser. It is probably something small that you overlooked.

Adrian,
  • 0
wendy
Posts: 24
Joined: 01 Nov 06
Trust:
When you are designing, go to this Web site:

http://browsershots.org/

...to test how your site looks in all browsers.

This comparison is so helpful.

One trick with that site, if you submit your URL as mysite.com you might notice it changes to mysite.com/ and then you get an error message telling you to take out the / (even though you didn't put it in). Instead, submit the URL and the page name of your main page such as mysite.com/index.html. That works.
  • 0
Site Admin
markling
Posts: 2489
Joined: 13 Jun 06
Trust:
You should try to check your sites in both internet explorer and firefox -- they do have their own quirks and interpretations. Without having a look at your site (perhaps you could show us?) I can't tell you what's gone wrong. To soften what Adrian said... it might not be anything glaringly obvious. One of the points in using a WYSIWYG editor is that you should be able to create it from the "view" tab. Unfortunately, because of the ways the different browsers interpret different things, a small thing that might not necessarily be "wrong" will completely throw your page into shambles.

For instance... if you've specified a width for something (like a table, table cell, div or something) and added some "padding" to it (to make things sit away from the edges), one of the browsers will add this "padding" size onto the already specified size of the box. So if it was a box with 250 width and 10 padding, it would make the whole width 270. (250 + 10 + 10). Whereas the other browser would say "Ok, the WHOLE width is 250. So you subtract the padding, making your actual content area 230.

That's just one example. There are lots of other weird things that often seem quite inexplicable. Maybe if you show us your site we can see what's happened?

Regards,
Mark
  • 0
Limited time special - Try Affilorama Premium for just $1 for 7 days: http://www.affilorama.com/premium
 
alvin
Posts: 92
Joined: 24 Oct 06
Trust:
As a Web Developer, we normally prefer to use Firefox to develop as its standards-compliant and then make the necessary adjustments (hacks!) to make it work on IE.

Post your site so we can help...

@
  • 0
cdidcott
Posts: 105
Joined: 23 Aug 06
Trust:
After reading everyone’s comments and checking out a few FAQ's around the web. I decided my Code SUCKED! I didn’t know anything about web design or dreamweaver before I began so I guess crappy code was inevitable.

I've just finished an all nighter redesigning a new template page and now the code is much cleaner, it's really easy to add new content and it works in Firefox.

I've submitted my site to Mark to check it out, but with regards to putting my url on the forum I would like to keep my site private for the time being. Maybe when it's a little more polished I won't be so shy to put it up :oops:

Thanks all.
  • 0
PremiumMember
sean06
Posts: 1377
Joined: 16 Jun 06
Trust:
If you don't want to post the url because you're worried that it's not great, relax. That's the best way to get some feedback. I'm sure we've all had some dodgy sites at one stage or another. I shudder when I think about the first site I ever came up with :)
  • 0
www.SixDayWeekend.com
Free Training Videos reveal how I make 6 figures while travelling the world
 
Site Admin
markling
Posts: 2489
Joined: 13 Jun 06
Trust:
Hey Colin,

I'm going to respond to you here rather than by private message because it might help some other people. (Although I won't give away your URL if you're not ready to share yet.)

Your site isn't so bad! For a first website you're doing extremely well. Dreamweaver is a steep learning curve and to learn HTML to the point where you can avoid bugs right off the bat would take years of practice. You're using stylesheets pretty well, your page seems to be showing up pretty much the same in Firefox as IE (although I am using IE 6, not 7 like you are.), and it's looking pretty nice so far. Good work!

The only thing I can see immediately is that your file names contain spaces -- you should get rid of those, although it's hardly life-threatening. Just make things like "Article Page.html" into "Article_Page.html", "Article-Page.html" or "articlepage.html" and you'll be fine. Also consider not using capital letters in your file names -- again, it's convention.

Other than that, keep going! You're definitely on the right track. When you've gone as far as you can alone and you're ready to share your site with everyone else here, submit it in the "site critique" branch and I'll give you some more feedback.

Regards,
Mark
  • 0
Limited time special - Try Affilorama Premium for just $1 for 7 days: http://www.affilorama.com/premium
 
cdidcott
Posts: 105
Joined: 23 Aug 06
Trust:
Thanks Mark

I've been kind of busy and only just read you reply, although I wish I had checked it out sooner as I just added almost 200 pages to my site and gave them File names with spaces and caps. :shock:

I don't take anything you say lightly and I'll set about putting all your comments to task now.
  • 0
PremiumMember
mimenta
Posts: 86
Joined: 11 Dec 06
Trust:
Hi Cdidcot,

I came across a free ebook that gives a simple intro into HTML code. If anyone is interesested, send me an email to mimenta@gmail.com, with "Basic HTML" in the subject line and I'll send you a copy (note - I didn't say use my website mail to bump up the figures - aren't I good :D )

Keep in mind that Firefox runs on both Windows and Linux. When MS Vista hits the streets the price of that and the new Office version scares folks and we could see a large surge in Linux users in the near future.

Your next most used Browser is Opera - available as a free download at www.opera.com Click on the basic Free download. It has a banner ad at the top on the free version. (A handy browser when you don't want to be a malware target).

Spaces in file names is a big no-no in webdesign and will perform differently from one browser to another. I use Studio 8 (Dreamweaver with all bells and whistles - the FOTBOAT edition) and have the training DVDs as well. They keep repeating that you should not use spaces in file names.

We do graphic design for Internet use (since 1999) - I design test with Firefox, then check using IE7, Opera, Netscape and Konqueror (Linux). I have never noticed any substantial difference between IE7 and Firefox views but often Opera and Netcape will show borders when none appear in Firefox/IE7 or joins where tiled backgrounds with texture overlap.
  • 0