I finally got the basic layout of this site set up in firefox, I was about to start going through the fixes I would need for IE, Safari, and others.
I thought that the Moz browsers would all render the same across platforms; I went to my PC to check the page in Firefox and found it was different then on my Mac.
Links:
Page: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/index3.htm">http://users.rcn.com/rmkerr/mySite/index3.htm</a><!-- m -->
CSS: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/main3.css">http://users.rcn.com/rmkerr/mySite/main3.css</a><!-- m -->
Screenshot/firefox/win: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/winMoz.jpg">http://users.rcn.com/rmkerr/winMoz.jpg</a><!-- m -->
Screenshot/firefox/mac: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/macMoz.jpg">http://users.rcn.com/rmkerr/macMoz.jpg</a><!-- m -->
The Mac version is what I want. The content is wrapped in a div (#main) with a grey background. It also has a background image: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/images/contentBkgr.gif">http://users.rcn.com/rmkerr/mySite/imag ... ntBkgr.gif</a><!-- m --> , which is repeats in Y to get the center column to extend to the bottom.
It works ok in Mac firefox, actually its also working in WinIE, but its not extending to the bottom on Win/firefox. Any ideas?
P.S. You may notice that the "motion" heading is stuck to top then the page loads, refresh and snaps into place again until you reload the page with the cache empty. I haven't looked into why that happens yet.There appears to be a funky, unknown character in the HTML file. It seems like Firefox-IE is the only one who chokes on it though:
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//users.rcn.com/rmkerr/mySite/index3.htm">http://validator.w3.org/check?verbose=1 ... index3.htm</a><!-- m -->
Always validate your HTML and CSS before assuming browser bugs, even if it's a display problem in Internet Explorer
I got rid of that character, and now it validates. I should have checked that before posting.
Unfortunatley I'm still getting the same results, the content is stretching in Mac Firefox but not on Windows.Nevermind, its fixed now, div in the wrong place.
The problem was occuring on win and mac. The screens were at different resolutions and I never played with the window sizes enough.
I thought that the Moz browsers would all render the same across platforms; I went to my PC to check the page in Firefox and found it was different then on my Mac.
Links:
Page: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/index3.htm">http://users.rcn.com/rmkerr/mySite/index3.htm</a><!-- m -->
CSS: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/main3.css">http://users.rcn.com/rmkerr/mySite/main3.css</a><!-- m -->
Screenshot/firefox/win: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/winMoz.jpg">http://users.rcn.com/rmkerr/winMoz.jpg</a><!-- m -->
Screenshot/firefox/mac: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/macMoz.jpg">http://users.rcn.com/rmkerr/macMoz.jpg</a><!-- m -->
The Mac version is what I want. The content is wrapped in a div (#main) with a grey background. It also has a background image: <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/images/contentBkgr.gif">http://users.rcn.com/rmkerr/mySite/imag ... ntBkgr.gif</a><!-- m --> , which is repeats in Y to get the center column to extend to the bottom.
It works ok in Mac firefox, actually its also working in WinIE, but its not extending to the bottom on Win/firefox. Any ideas?
P.S. You may notice that the "motion" heading is stuck to top then the page loads, refresh and snaps into place again until you reload the page with the cache empty. I haven't looked into why that happens yet.There appears to be a funky, unknown character in the HTML file. It seems like Firefox-IE is the only one who chokes on it though:
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//users.rcn.com/rmkerr/mySite/index3.htm">http://validator.w3.org/check?verbose=1 ... index3.htm</a><!-- m -->
Always validate your HTML and CSS before assuming browser bugs, even if it's a display problem in Internet Explorer
I got rid of that character, and now it validates. I should have checked that before posting.Unfortunatley I'm still getting the same results, the content is stretching in Mac Firefox but not on Windows.Nevermind, its fixed now, div in the wrong place.
The problem was occuring on win and mac. The screens were at different resolutions and I never played with the window sizes enough.