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/
*
