2 replies [Last post]
jeffw
Offline
newbie
Last seen: 15 years 25 weeks ago
Joined: 2004-01-24
Posts: 2
Points: 0

I have a valid xhtml 1.0 trans doc that looks fine is latest ie, but worhtless in mozilla & netscape. any thoughts greatly appreciated!

i am using float, but thought that was supported in all latest browsers.

thanks in advance

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 15 years 35 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Re: browser help please!

jeffw wrote:
I have a valid xhtml 1.0 trans doc that looks fine is latest ie, but worhtless in mozilla & netscape. any thoughts greatly appreciated!

i am using float, but thought that was supported in all latest browsers.

thanks in advance

Valid does not mean it is correct, its just valid.

The biggest problem is you have not checked the site as you built, in Moz and netscape. They are much more compliant than IE, so IE has been very lenient to your code.

It is not so simple to say here is the fix, because as you can see it is a complete mess in Moz, and not just in one place. Unfortunately you are going to have to rebuild it.

Just start from top and as you build each section check in both browsers. It won't take as long as you already have much of the code, but it will be easier to start with a blank page, and copy sections as you go. And do not worry many have had the same problem.

Now maybe someone else could enlighten on this, but I have never used position: inherit; and can't find anything on it. I am not sure why you are using it and not position: relative or absolute.

Good Luck
Day

The only way to learn is to do it yourself

jeffw
Offline
newbie
Last seen: 15 years 25 weeks ago
Joined: 2004-01-24
Posts: 2
Points: 0

browser help please!

thanks for the reply. i didn't have to rebuild the site, but i got it very close to perfect in IE/gecko browsers. the only difference are the left and right margins in gecko, which i can live with for the time being.
distinctive-media.comdistinctive-media.com/global.css

I got it to work literally by toying with float and positioning and eventually worked it out - there was really no method to the madness, if you know what i mead.

'inherit" was being used to absolutely position within the main div, not the whole page. i ended up getting rid of them as i just used naturla page flow, float and margins for the layout and didn't need absolute positioning....

thanks again for the reply, i appreciate it!