4 replies [Last post]
larn
Offline
Regular
Last seen: 18 years 19 weeks ago
Joined: 2004-01-11
Posts: 24
Points: 0

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?

.

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 8 years 43 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

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;  
}  

Life's a b*tch and then you die!

larn
Offline
Regular
Last seen: 18 years 19 weeks ago
Joined: 2004-01-11
Posts: 24
Points: 0

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!

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 8 years 43 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

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 :?

Life's a b*tch and then you die!

larn
Offline
Regular
Last seen: 18 years 19 weeks ago
Joined: 2004-01-11
Posts: 24
Points: 0

hmm

Hmmm. Well, I myself was using a PC . . . . perhaps that's where some of the discrepancy comes from?