Re: [WSG] Validating pages with password protection?
OR.. Ctrl-Alt-V in Opera!! Gav Tim Lucas wrote: Justin French spoke the following wise words on 19/02/2004 9:48 AM EST: A bit obvious, but also ridiculously time consuming on anything more than 2 pages :) Unless you use the developer extension for FireFox... then it's just a matter of right clicking in the browser window then going WebDeveloper-Validate Locally -- tim * The discussion list for http://webstandardsgroup.org/ * This incoming email to UWE has been independently scanned for viruses and any virus detected has been removed using McAfee anti-virus software This email has been independently scanned for viruses and any virus detected has been removed using McAfee anti-virus software * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Mozilla problem
Thanks you very much for the solution to my problem. Excellent group this is. Kim - Original Message - From: russ weakley [EMAIL PROTECTED] To: Web Standards Group [EMAIL PROTECTED] Sent: Thursday, February 19, 2004 9:59 PM Subject: Re: [WSG] Mozilla problem Hi Kim, Welcome to the group. It is a little hard to tell exactly you problem without a sample (always best to send a URL to a sample and any CSS files so people can see it in action) but I think your problem may simply be a clearing issue. If you float objects inside a container, they are taken out of normal flow, so the container cannot tell their height. Here is a demo of how you page could be looking: http://www.maxdesign.com.au/jobs/css/kimkruse.htm The top example should show a border just around the top container. The lower example should show the border running around the outside of the entire wrapper container. The second example on the page should work as the floated items have been cleared. This can be done with a number of methods (and the solution will depend on your particular needs) including: br clear=all / div class=clearboth //div ( css would be .clearboth { clear: both; } ) Plus heaps of other options... If this is your problem, an explanation of why and how is here: http://www.maxdesign.com.au/presentation/floatsample.htm Thanks Russ Hi group... I'm Kim :o) lets say I have the following site structure: div id=wrapper div id=header header... /div div id=main comtent... /div div id=col content... /div div id=footer content... /div /div .. and I set a 1px solid border on #wrapper, in every browser apart from Mozilla I get the expected result which is a nice 1px border around all my content, however in Mozilla all I get is the border a few pixels under the header. I should add my 3 divs named #main, #col, #footer are floated left which is probably the reason Mozilla can't decide the height. If I assign a fixed height to #wrapper all is well but obviously that isn't very practical. So apart from using JavaScript to calculate the height of #wrapper content, is there a fix for this? I have no problem in Opera, Safari e.t.c so I assume this is a Mozilla bug of some description. * The discussion list for http://webstandardsgroup.org/ * Thanks Russ --- Russ Weakley Max Design Phone: (02) 9410 2521 Mobile: 0403 433 980 Email: [EMAIL PROTECTED] http://www.maxdesign.com.au --- * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
[WSG] IE bug
A guy on a message board I mod is having some issues with IE6 Win and his layout. Anyone with IE6Win care to take a look. I tried a few things with no luck, doesn't seem to be the PHP rotator causing issues but the image itself. Thanks, MD here is the website: hippopocampe.org here is the css: hippopocampe.org/styles-site.css in IE6 in Windows, the bottom border of the main image header (the rotate.php) is off 5 pixels like if the image had a 5 pixel bottom-padding. But it hasn't. That affects the header but also the 'main' section, as it too is 5 pixels off. Any suggestions for a workaround?
Re: [WSG] IE bug
Michael, Haven't looked but it may be a simple Win/IE6 carriage return bug. It seems that Win/IE is the only browser that renders carriage returns or line feeds as whitespace directly before a closing containing element: http://www.maxdesign.com.au/presentation/mystery/ Two things to try if this is the case. 1. move the end div up onto the same line as the image ... width=586 height=183 border=0 //div 2. add a single CSS declaration to the banner rule set #Banner { width: 586px; height: 183px; padding: 0px; border-left-style: none; border-right-style: none; border: 5px solid black; margin: 0px 0px 12px 0px; border-right-width: 0px; border-left-width: 0px; } Add a new declaration: font-size: 1px; My weird theory is that this makes the carriage return small enough that it cannot be seen. HTH Russ A guy on a message board I mod is having some issues with IE6 Win and his layout. Anyone with IE6Win care to take a look. I tried a few things with no luck, doesn't seem to be the PHP rotator causing issues but the image itself. Thanks, MD here is the website: hippopocampe.org here is the css: hippopocampe.org/styles-site.css in IE6 in Windows, the bottom border of the main image header (the rotate.php) is off 5 pixels like if the image had a 5 pixel bottom-padding. But it hasn't. That affects the header but also the 'main' section, as it too is 5 pixels off. Any suggestions for a workaround? * The discussion list for http://webstandardsgroup.org/ *
[WSG] horizontal floated lists
Hi all Came across this a while back and thought I´d share it, some have probably already done it... When making a horizontal list the general way to do this is with list elements floated, left or right: ul liitem0/li liitem1/li liitem2/li liitem3/li liitem4/li /ul /* css */ ul li { float : left; } If you want to use the ul as a background filler its' pretty difficult as the floats will cause it to resize to about 1 pixel. The solution is to tack another list element onto the end and set its float to none: ul liitem0/li liitem1/li liitem2/li liitem3/li liitem4/li li class=¨filler¨nbsp;/li /ul /* css */ ul li { float : left; } ul li.filler { float : none; } This works quite well and will cause the ul to resize to the height of the list item contents, although there is an empty list element that may cause some problems with unstyled pages. Cheers James * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] IE bug
I had thought about something like that, but never tried anything. I think I had a similar issue with a list a while back or something, can;t remember. I forwarded what you said on to the guy, hopefully this is the issue and it solves it. He was getting a bit unnerved with the XHTML/CSS way because of it. Thanks, MD On Feb 20, 2004, at 16:06, russ weakley wrote: Michael, Haven't looked but it may be a simple Win/IE6 carriage return bug. It seems that Win/IE is the only browser that renders carriage returns or line feeds as whitespace directly before a closing containing element: http://www.maxdesign.com.au/presentation/mystery/ Two things to try if this is the case. 1. move the end div up onto the same line as the image ... width=586 height=183 border=0 //div 2. add a single CSS declaration to the banner rule set #Banner { width: 586px; height: 183px; padding: 0px; border-left-style: none; border-right-style: none; border: 5px solid black; margin: 0px 0px 12px 0px; border-right-width: 0px; border-left-width: 0px; } Add a new declaration: font-size: 1px; My weird theory is that this makes the carriage return small enough that it cannot be seen. HTH Russ A guy on a message board I mod is having some issues with IE6 Win and his layout. Anyone with IE6Win care to take a look. I tried a few things with no luck, doesn't seem to be the PHP rotator causing issues but the image itself. Thanks, MD -- -- here is the website: hippopocampe.org here is the css: hippopocampe.org/styles-site.css in IE6 in Windows, the bottom border of the main image header (the rotate.php) is off 5 pixels like if the image had a 5 pixel bottom-padding. But it hasn't. That affects the header but also the 'main' section, as it too is 5 pixels off. Any suggestions for a workaround? -- -- * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] IE bug
Is that why when you close a form /form it leaves a gap... that ALWAYS annoyed me sooo much! Its only in IE - well as far as i know... Chris Stratford [EMAIL PROTECTED] Http://www.neester.com russ weakley wrote: Michael, Haven't looked but it may be a simple Win/IE6 carriage return bug. It seems that Win/IE is the only browser that renders carriage returns or line feeds as whitespace directly before a closing containing element: http://www.maxdesign.com.au/presentation/mystery/ Two things to try if this is the case. 1. move the end div up onto the same line as the image ... width="586" height="183" border="0" //div 2. add a single CSS declaration to the banner rule set #Banner { width: 586px; height: 183px; padding: 0px; border-left-style: none; border-right-style: none; border: 5px solid black; margin: 0px 0px 12px 0px; border-right-width: 0px; border-left-width: 0px; } Add a new declaration: font-size: 1px; My weird theory is that this makes the carriage return small enough that it cannot be seen. HTH Russ A guy on a message board I mod is having some issues with IE6 Win and his layout. Anyone with IE6Win care to take a look. I tried a few things with no luck, doesn't seem to be the PHP rotator causing issues but the image itself. Thanks, MD here is the website: hippopocampe.org here is the css: hippopocampe.org/styles-site.css in IE6 in Windows, the bottom border of the main image header (the rotate.php) is off 5 pixels like if the image had a 5 pixel bottom-padding. But it hasn't. That affects the header but also the 'main' section, as it too is 5 pixels off. Any suggestions for a workaround? * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] IE bug
So move your form out to surround an area that isn't pixel-perfect critical.. the whole page if necessary.. P From: Chris Stratford [mailto:[EMAIL PROTECTED] Sent: Saturday, February 21, 2004 2:36 PMTo: [EMAIL PROTECTED]Subject: Re: [WSG] IE bug Is that why when you close a form /formit leaves a gap...that ALWAYS annoyed me sooo much!Its only in IE - well as far as i know...Chris Stratford [EMAIL PROTECTED] Http://www.neester.comruss weakley wrote: Michael, Haven't looked but it may be a simple Win/IE6 carriage return bug. It seems that Win/IE is the only browser that renders carriage returns or line feeds as whitespace directly before a closing containing element: http://www.maxdesign.com.au/presentation/mystery/ Two things to try if this is the case. 1. move the end div up onto the same line as the image ... width="586" height="183" border="0" //div 2. add a single CSS declaration to the banner rule set #Banner { width: 586px; height: 183px; padding: 0px; border-left-style: none; border-right-style: none; border: 5px solid black; margin: 0px 0px 12px 0px; border-right-width: 0px; border-left-width: 0px; } Add a new declaration: font-size: 1px; My weird theory is that this makes the carriage return small enough that it cannot be seen. HTH Russ A guy on a message board I mod is having some issues with IE6 Win and his layout. Anyone with IE6Win care to take a look. I tried a few things with no luck, doesn't seem to be the PHP rotator causing issues but the image itself. Thanks, MD here is the website: hippopocampe.org here is the css: hippopocampe.org/styles-site.css in IE6 in Windows, the bottom border of the main image header (the rotate.php) is off 5 pixels like if the image had a 5 pixel bottom-padding. But it hasn't. That affects the header but also the 'main' section, as it too is 5 pixels off. Any suggestions for a workaround? * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] IE bug
On Sat, 21 Feb 2004 14:36:14 +1100, Chris Stratford wrote: Is that why when you close a form /form it leaves a gap... that ALWAYS annoyed me sooo much! Its only in IE - well as far as i know... Thats more likely to be due to the predefined margins/padding set in IE on the form element. (Each browser sets the default layout of some tags a little differently). Quite easy to change with css, eg: form { margin-bottom: 0; } as appropriate :) HIH Lea -- Lea de Groot Elysian Systems Brisbane, Australia * The discussion list for http://webstandardsgroup.org/ *