Sat, 2004-09-25 02:56
Hi everyone.
I created a site that can be viewed here:
[url] http://tinyurl.com/4ms5h [/url]
The site looks great in pretty much all browsers (5 and up) that I've tested in. . . EXCEPT FOR FIREFOX! It even works fine in the latest version of Mozilla!
(In Firefox, the page content is squished down below the site's navigation. . . .)
The CSS is here:
[url] http://tinyurl.com/6q5x7 [/url]
Can any experts out there tell me the one glitch I can fix so that the site renders correctly in Firefox?
.
Sat, 2004-09-25 08:57
#1
Site Works in All Browsers BUT Firefox
The site looks really nice and you obviously know what you're doing with CSS to do what you've done, so I hesitate to offer this advice as I have only been using CSS for a few weeks (in other words feel free to tell me to butt out), but personally, I would lay the page-content div out like this:
#page-content{
width: 588px;
margin-left: 146px;
padding: 0;
background-color: #F0EFD4;
}
Sun, 2004-09-26 20:34
#2
Found the Answer!
Thanks for the suggestion, but that actually didn't work. I appreciate your help, though!
I fiddled around for quite a long while, and finally found the solution. Beneath the page-content[id], I inserted:
#nav[id]{
margin-right: -150px;
}
This affected both Mozilla and Firefox in the correct way--not JUST one or the other, which had been the case for the past several weeks! So now it's working. Thanks again!
Sun, 2004-09-26 21:53
#3
Site Works in All Browsers BUT Firefox
Oh; that's odd because I tried the change out in FireFox on my Mac and everything snapped into place perfectly, although admittedly I only checked a couple of pages. Did you try a margin-left of 150px on #page-content? Can anyone else explain why my suggestion did not work, only I use the same method on sites that work perfectly :?
Sun, 2004-09-26 22:43
#4
hmm
Hmmm. Well, I myself was using a PC . . . . perhaps that's where some of the discrepancy comes from?