Re: [WSG] Problems getting Mozilla to like Floats
Hi Mark, First of welcome from lurker status :) 1. invalid page http://validator.w3.org/check?uri=http://www.phunky.co.uk/bs/ Just three items in the head of your document need / to be valid XHTML. Always validate before testing or posting - like cleaning your teeth :) Peter and I have been accused of obsession in this regard (http://www.maxdesign.com.au/jobs/sitemap.cfm) but it is very important! 2. the link to the css file does not work in some browsers as you did not add a media, so this: link rel=stylesheet href=main.css Should be this: link rel=stylesheet href=main.css media=screen / Or all if you want it to be printed etc. Safari does not recognise the CSS file at all. 3. The problem is floats as you thought. Mozilla is doing the right thing. Win/IE is not! The example I posted the other night explains the problem. The container (in your case content) does not recognise the height of a floated item (sidemenu div), so will close at the end of the static content (news div). The sidemenu, as it is floated right, and as its height is not recognised by the container, it pokes out the bottom. Check this for more info: http://www.maxdesign.com.au/presentation/floatsample.htm Easy to fix. Just add a clearing devise below the two divs (news and sidemenu), but inside the overall container. HTH Russ Hey All, This is my First mail to the group so go easy :) Ive just started mocking up a little layout for the company i work for, and ive run into a very annoying bug with Mozilla! Have a look at http://www.phunky.co.uk/bs/ in IE Opera see how the content stays within the layout!? Well go have a look at it in Mozilla and Firebird... It wont extend the height of the content wrapper, and totaly clears it :/ i know its to do with Floats but i cant get my head round why? Any Help will be great :D Many Thanks Mark Harwood www.phunky.co.uk * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Problems getting Mozilla to like Floats
:D eeeK trust me not to validate before posting!!! Ta for that little float tip :) thats worked a treat! Thanks very much for your help, great stuff that the first reply fix's the problem :D Many Thanks Mark Harwood www.phunky.co.uk On Fri, 09 Jan 2004 23:08 , russ weakley [EMAIL PROTECTED] sent: Hi Mark, First of welcome from lurker status :) 1. invalid page http://validator.w3.org/check\?uri=http://www.phunky.co.uk/bs/ Just three items in the head of your document need " /" to be valid XHTML. Always validate before testing or posting - like cleaning your teeth :) Peter and I have been accused of obsession in this regard (http://www.maxdesign.com.au/jobs/sitemap.cfm\) but it is very important! 2. the link to the css file does not work in some browsers as you did not add a media, so this: Should be this: Or "all" if you want it to be printed etc. Safari does not recognise the CSS file at all. 3. The problem is floats as you thought. Mozilla is doing the right thing. Win/IE is not! The example I posted the other night explains the problem. The container (in your case "content") does not recognise the height of a floated item (sidemenu" div), so will close at the end of the static content ("news" div). The "sidemenu", as it is floated right, and as its height is not recognised by the container, it pokes out the bottom. Check this for more info: http://www.maxdesign.com.au/presentation/floatsample.htm Easy to fix. Just add a clearing devise below the two divs ("news" and "sidemenu"), but inside the overall container. HTH Russ Hey All, This is my First mail to the group so go easy :) Ive just started mocking up a little layout for the company i work for, and ive run into a very annoying bug with Mozilla! Have a look at http://www.phunky.co.uk/bs/ in IE Opera see how the content stays within the layout!? Well go have a look at it in Mozilla and Firebird... It wont extend the height of the content wrapper, and totaly clears it :/ i know its to do with Floats but i cant get my head round why? Any Help will be great :D Many Thanks Mark Harwood www.phunky.co.uk The discussion list for http://webstandardsgroup.org/ * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] Problems getting Mozilla to like Floats
Wow that actually crashed my IE? Thats never happened before I opened it, and it crashed! lol My mozilla displayed it fine tho Except your navigation up top didnt work for either (from what I saw in IE before it crashed) - Chris Stratford [EMAIL PROTECTED] www.neester.com - -Original Message- From: Mark Harwood [mailto:[EMAIL PROTECTED] Sent: Friday, January 09, 2004 11:25 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] Problems getting Mozilla to like Floats :D eeeK trust me not to validate before posting!!! Ta for that little float tip :) thats worked a treat! Thanks very much for your help, great stuff that the first reply fix's the problem :D Many Thanks Mark Harwood www.phunky.co.uk On Fri, 09 Jan 2004 23:08 , russ weakley [EMAIL PROTECTED] sent: Hi Mark, First of welcome from lurker status :) 1. invalid page http://validator.w3.org/check\?uri=http://www.phunky.co.uk/bs/ Just three items in the head of your document need / to be valid XHTML. Always validate before testing or posting - like cleaning your teeth :) Peter and I have been accused of obsession in this regard (http://www.maxdesign.com.au/jobs/sitemap.cfm\) but it is very important! 2. the link to the css file does not work in some browsers as you did not add a media, so this: Should be this: Or all if you want it to be printed etc. Safari does not recognise the CSS file at all. 3. The problem is floats as you thought. Mozilla is doing the right thing. Win/IE is not! The example I posted the other night explains the problem. The container (in your case content) does not recognise the height of a floated item (sidemenu div), so will close at the end of the static content (news div). The sidemenu, as it is floated right, and as its height is not recognised by the container, it pokes out the bottom. Check this for more info: http://www.maxdesign.com.au/presentation/floatsample.htm Easy to fix. Just add a clearing devise below the two divs (news and sidemenu), but inside the overall container. HTH Russ Hey All, This is my First mail to the group so go easy :) Ive just started mocking up a little layout for the company i work for, and ive run into a very annoying bug with Mozilla! Have a look at http://www.phunky.co.uk/bs/ in IE Opera see how the content stays within the layout!? Well go have a look at it in Mozilla and Firebird... It wont extend the height of the content wrapper, and totaly clears it :/ i know its to do with Floats but i cant get my head round why? Any Help will be great :D Many Thanks Mark Harwood www.phunky.co.uk The discussion list for http://webstandardsgroup.org/ * The discussion list for http://webstandardsgroup.org/ *