Webdesign Help!

[Cyberstorm]

Hey guys!

I'm having a tiny bit o'trouble. I'm using Adobe GoLive to design my site & others. As such, I like using the 'layout grid' to create my pages as its a quick way of dropping graphics exactly where I want them. The problem being that, when I view these sites in FireFox, the page displays wrong. Meaning that it seems to change the spacing between objects. However, when I view these pages in IE, all looks as it should.

Is there anything I can do besides not using the layout grid? (ie. I really don't want to start over.) :)

Thanx!

[cyberskye]

Netscape and IE handle layers differently. Someone may know a trick to to handle this - absolute vs percentage, etc.


Good luck

Skye

Edit - this may be interesting to you - http://www.hut.fi/u/hsivonen/doctype.html

[Cyberstorm]

Well thats what I'm hoping for. I dunno if there is any code to tell Netscape/Mozilla to ignore the additional spacing or something. There is just really one site that I really, REALLY don't want to have to start from the ground up again.

EDIT: Thanx for the link. Unfortunately, changing the Doc Type didn't do the trick.

[TonyT]

URL of your pages in question?

1. Design for majority of intended viewers. (Netscape, Mozilla and Firefox make up less than 3% of ALL people viewing your site)
2. If want to use CSS positioning, then you must know which browsers support which styles.

All modern browsers support CSS 1 and 2, but CSS has many variable ways of doing the same thing and not all browsers fully support gthem all.

example:
http://www.w3schools.com/css/css_positioning.asp

[cyberskye]

Hi Tony - I totally agree in building to your audience.

1. Design for majority of intended viewers. (Netscape, Mozilla and Firefox make up less than 3% of ALL people viewing your site)
Fortunately for them, the vast majority of my friends and family user FireFox - has presented some challenges with tables and borders specifically.

[Cyberstorm]

Thanx for the replies guys!

Here is my personal site which shows some of the same characteristics: cyberstorm.ca (http://cyberstorm.ca) I still have a lot of work to do on it and this is one of the sites that I would be ok with redesigning again. Though if you view it in both IE & Firefox you can see the differences. Most notably on the version info and secondary navigation bar under the main graphic.

Thanx for the link aswell Tony. I've got some more reading to do on CSS.

Though my original question remains. Is there anything I can do to make the grid layout in GoLive compatible with different browsers (ie FireFox) without actually removing them?

EDIT: Link fixed! :P

[darlin]

I checked the link you posted, and I got this: "The page cannot be displayed"

[TonyT]

one too may DOTS in link above
http://www.cyberstorm.ca/

[TonyT]

You will see a difference in that page in IE and Mozilla and Netscape browsers because IE does not support the <spacer> tag. That tag is used rarely anymore and there are better ways to control whitespace than <spacer type= and size=>. In fact, I have never had to use the spacer tag ever on any sites I've designed.

Instead of this:
<td width="1" height="25"><spacer type="block" width="1" height="25"></td>
you can do this:
<td width="1" height="25">&nbsp;</td>

You can also control whitespace by using CSS text properties like:
letter-spacing: #px;
# can be + or - number

[stevewatt88]

don't use adobe golive

use macromedia dreamweaver instead :D