By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,880 Members | 1,817 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,880 IT Pros & Developers. It's quick & easy.

Browser Compatability

P: n/a
thanks for eveyones help so far

I am currently testing the following site in IE6, Mozilla 1.5, Firebird
0.7 and Opera 7.23.

http://homepage.ntlworld.com/iwatts/testsite2/
http://homepage.ntlworld.com/iwatts/testsite2/test.css

I am trying to get the footer to display underneath all other content,
which it does in opera and ie6, but not in mozilla

Try as I might, I cannot get it to work right in mozilla at all, no
matter what I try. I have tried using

body > :first-child#wrapper2 {
height: 100%;
}

to force a height in mozilla, but it won't.

Can anyone help
Jul 20 '05 #1
Share this Question
Share on Google+
5 Replies


P: n/a
Ian Watts wrote:

I cannot get it to work right in mozilla at all, no
matter what I try. I have tried using

body > :first-child#wrapper2 {
height: 100%;
}
Instead, try

body>#wrapper2:first-child {
height: 100%;
}
to force a height in mozilla


http://webtips.dan.info/force.html

--
Brian
follow the directions in my address to email me

Jul 20 '05 #2

P: n/a
Brian wrote:
Instead, try

body>#wrapper2:first-child {
height: 100%;
}


Sorry, this doesn't seem to make any difference at all - the previous
format works fine elsewhere in my style sheet
to force a height in mozilla

http://webtips.dan.info/force.html

This doesn't help - maybe my use of the word force is wrong but I don't
think what I want to do comes under the same category as these 'forces'.
All I want is my footer to come underneath the previous div (wrapper2).
It does in Opera 7.23 and IE6, but not mozilla.

Can anyone help me with why?

URL
http://homepage.ntlworld.com/iwatts/testsite2/
http://homepage.ntlworld.com/iwatts/testsite2/test.css
Jul 20 '05 #3

P: n/a
Ian Watts wrote:
All I want is my footer to come underneath the previous div (wrapper2).


I've tried to figure out your source code, but your indenting doesn't
seem to match the div nesting level. Sorry, couldn't quite parse it by
visually looking at the code. Perhaps you could pare down a test case?
Either that, or tell us what div#wrapper2 contains. And identify the
footer -- is the paragraph element at the end? If so, have you cleared
that element?

BTW, you have no h1 element on the page.

--
Brian
follow the directions in my address to email me

Jul 20 '05 #4

P: n/a
Brian wrote:
Ian Watts wrote:
All I want is my footer to come underneath the previous div (wrapper2).

I've tried to figure out your source code, but your indenting doesn't
seem to match the div nesting level. Sorry, couldn't quite parse it by
visually looking at the code. Perhaps you could pare down a test case?
Either that, or tell us what div#wrapper2 contains. And identify the
footer -- is the paragraph element at the end? If so, have you cleared
that element?

BTW, you have no h1 element on the page.

Thanks - I have actually sorted this now, and I realise how many errors
I have made now reading the above - I haven't indented properly, or used
headings properly - I will endeavour to fix these.

The problem I was having was clearing elements - ie - I wasn't doing it
(it shows how new I am to this). The div#wrapper2 simply contained the
mainbox and the right classes, in the hopes that the footer would come
below the wrapper, and hence evrything in it. This worked for ie6 and
opera 7.23, but not mozilla.

using

clear: both;

means that I don't need the wrapper2 id at all.

thanks for putting up with my mistakes, and thanks for your help too
Jul 20 '05 #5

P: n/a
Ian Watts wrote:

The problem I was having was clearing elements - ie - I wasn't doing it

using

clear: both;

means that I don't need the wrapper2 id at all.
Well, that's doubly good, then. Simplifying the markup without losing
meaning is a bonus.
thanks for putting up with my mistakes, and thanks for your help too


Not a problem. Good luck fixing the other (minor) problems. The code
you use looks pretty clean, and fairly easy to modify. For you own
sake, you might want to match the indentation with the nesting level.
It'll help you in the future.

http://www.tsmchughs.com/
to see how I do it, though you likely already know what I mean.

--
Brian
follow the directions in my address to email me

Jul 20 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.