Firefox 1.5.0.2 displays the page http://www.molca.nl/moederdag.html incorrect the first? time. Reload the page and the lay out is correct.

Or change the size and see the same problem. At some widths the lay-out is 'out of control'. Enlarging works mostly correct. Shrinking give often an incorrect lay out.

The relevant part of de css file which drives this page is:

..kol1{ float: left; width: 32%; clear: none; position:relative; margin-right: 2%;}
..kol2{ float: left; width: 32%; clear: none; position:relative;}
..kol3{ float: right; width: 32%; clear: none; position:relative;}
..kolgroot{font-size: 3em; line-height: 2em; text-align: center;}
..kol1en2{ float: left; width: 66%; clear: none; position:relative; margin-right: 10px; font-size: 3em; line-height: 2em; text-align: center; margin-top: -0.5em;}
..groot {font-size: 3em; line-height: 2em; text-align: center; letter-spacing: 0.1em;}
p.kolimage {float: left; text-align: center; font-size: .9em; line-height: 1.8em; padding: 0; position:relative; border: none; margin: 0;}
..koltext{text-align: center; font-size: .9em; line-height: 1.8em; padding: 0; position:relative; border: none; margin: 0;}
..kolimage1 {display: block; margin: 0;}
..kolimage2 {position: relative; float: right; display: block; width: 40%; border-width: 10px; border:2px solid white; margin: -20% 10% 0 0;}

Is the CSS file incorrect of is it a bug in Firefox? No major problems in IE.

Arjen

Arjen Meijer wrote:
> Firefox 1.5.0.2 displays the page http://www.molca.nl/moederdag.html
> incorrect the first? time. Reload the page and the lay out is correct.

I've noticed this kind of behavior with old adblock extension. So before
investigating this more, does the problem exist in safe-mode, where
extensions are disabled?

Aggro schreef:
> Arjen Meijer wrote:
>> Firefox 1.5.0.2 displays the page http://www.molca.nl/moederdag.html
>> incorrect the first? time. Reload the page and the lay out is correct.
>
> I've noticed this kind of behavior with old adblock extension. So before
> investigating this more, does the problem exist in safe-mode, where
> extensions are disabled?

In safe-mode with no extension active, the problem does exist.

Arjen

On 22.04.2006 21:48, CET - what odd quirk of fate caused Arjen Meijer
to generate the following:? :

> Firefox 1.5.0.2 displays the page http://www.molca.nl/moederdag.html
> incorrect the first? time. Reload the page and the lay out is correct.
> Or change the size and see the same problem. At some widths the
> lay-out is 'out of control'. Enlarging works mostly correct. Shrinking
> give often an incorrect lay out.
>
> The relevant part of de css file which drives this page is:
>
> .kol1{ float: left; width: 32%; clear: none; position:relative;
> margin-right: 2%;}
> .kol2{ float: left; width: 32%; clear: none; position:relative;}
> .kol3{ float: right; width: 32%; clear: none; position:relative;}
> .kolgroot{font-size: 3em; line-height: 2em; text-align: center;}
> .kol1en2{ float: left; width: 66%; clear: none; position:relative;
> margin-right: 10px; font-size: 3em; line-height: 2em; text-align:
> center; margin-top: -0.5em;}
> .groot {font-size: 3em; line-height: 2em; text-align: center;
> letter-spacing: 0.1em;}
> p.kolimage {float: left; text-align: center; font-size: .9em;
> line-height: 1.8em; padding: 0; position:relative; border: none;
> margin: 0;}
> .koltext{text-align: center; font-size: .9em; line-height: 1.8em;
> padding: 0; position:relative; border: none; margin: 0;}
> .kolimage1 {display: block; margin: 0;}
> .kolimage2 {position: relative; float: right; display: block; width:
> 40%; border-width: 10px; border:2px solid white; margin: -20% 10% 0 0;}
>
> Is the CSS file incorrect of is it a bug in Firefox? No major problems
> in IE.
>
> Arjen
>
that's quite a bad URL ???

here (FF 1.0.7) some kind of text-page - seems to be menus - pops up
for less that a second, followed by the "MOLCA" page "Light'n up your Life"

A "W3C validation" of the URL failed - see here for the XML-Errors
http://validator.w3.org/check?uri=ht... ne&verbose=1

and this page, for the CSS-validation errors:
http://jigsaw.w3.org/css-validator/v...usermedium=all

hope this helps, to start with!

reg

On 04/22/06 15:48, Arjen Meijer wrote:
> Firefox 1.5.0.2 displays the page http://www.molca.nl/moederdag.html
> incorrect the first? time. Reload the page and the lay out is correct.
> Or change the size and see the same problem. At some widths the lay-out
> is 'out of control'. Enlarging works mostly correct. Shrinking give
> often an incorrect lay out.
>
> The relevant part of de css file which drives this page is:
>
> ..kol1{ float: left; width: 32%; clear: none; position:relative;
> margin-right: 2%;}
> ..kol2{ float: left; width: 32%; clear: none; position:relative;}
> ..kol3{ float: right; width: 32%; clear: none; position:relative;}
> ..kolgroot{font-size: 3em; line-height: 2em; text-align: center;}
> ..kol1en2{ float: left; width: 66%; clear: none; position:relative;
> margin-right: 10px; font-size: 3em; line-height: 2em; text-align:
> center; margin-top: -0.5em;}
> ..groot {font-size: 3em; line-height: 2em; text-align: center;
> letter-spacing: 0.1em;}
> p.kolimage {float: left; text-align: center; font-size: .9em;
> line-height: 1.8em; padding: 0; position:relative; border: none; margin:
> 0;}
> ..koltext{text-align: center; font-size: .9em; line-height: 1.8em;
> padding: 0; position:relative; border: none; margin: 0;}
> ..kolimage1 {display: block; margin: 0;}
> ..kolimage2 {position: relative; float: right; display: block; width:
> 40%; border-width: 10px; border:2px solid white; margin: -20% 10% 0 0;}
>
> Is the CSS file incorrect of is it a bug in Firefox? No major problems
> in IE.

I dunno, works for me in Mozilla/5.0 (X11; U; Linux i686; en-US;
rv:1.8.0.2) Gecko/20060415 Firefox/1.5.0.2 ID:2006041504. Gecko (the
rendering engine used by Firefox) does have some odd bugs like that, though.
--
Matt Nordhoff
(aka Peng on IRC & the forums)

squaredancer schreef:
> On 22.04.2006 21:48, CET - what odd quirk of fate caused Arjen Meijer
> to generate the following:? :
>
>> Firefox 1.5.0.2 displays the page http://www.molca.nl/moederdag.html
>> incorrect the first? time. Reload the page and the lay out is correct.
>> Or change the size and see the same problem. At some widths the
>> lay-out is 'out of control'. Enlarging works mostly correct. Shrinking
>> give often an incorrect lay out.
>>
>> The relevant part of de css file which drives this page is:
>>
>> .kol1{ float: left; width: 32%; clear: none; position:relative;
>> margin-right: 2%;}
>> .kol2{ float: left; width: 32%; clear: none; position:relative;}
>> .kol3{ float: right; width: 32%; clear: none; position:relative;}
>> .kolgroot{font-size: 3em; line-height: 2em; text-align: center;}
>> .kol1en2{ float: left; width: 66%; clear: none; position:relative;
>> margin-right: 10px; font-size: 3em; line-height: 2em; text-align:
>> center; margin-top: -0.5em;}
>> .groot {font-size: 3em; line-height: 2em; text-align: center;
>> letter-spacing: 0.1em;}
>> p.kolimage {float: left; text-align: center; font-size: .9em;
>> line-height: 1.8em; padding: 0; position:relative; border: none;
>> margin: 0;}
>> .koltext{text-align: center; font-size: .9em; line-height: 1.8em;
>> padding: 0; position:relative; border: none; margin: 0;}
>> .kolimage1 {display: block; margin: 0;}
>> .kolimage2 {position: relative; float: right; display: block; width:
>> 40%; border-width: 10px; border:2px solid white; margin: -20% 10% 0 0;}
>>
>> Is the CSS file incorrect of is it a bug in Firefox? No major problems
>> in IE.
>>
>> Arjen
>>
> that's quite a bad URL ???
>
> here (FF 1.0.7) some kind of text-page - seems to be menus - pops up
> for less that a second, followed by the "MOLCA" page "Light'n up your Life"
>
> A "W3C validation" of the URL failed - see here for the XML-Errors
> http://validator.w3.org/check?uri=ht... ne&verbose=1
>
>
> and this page, for the CSS-validation errors:
> http://jigsaw.w3.org/css-validator/v...usermedium=all
>
>
> hope this helps, to start with!
>
> reg
The validator complains just over some IE special commands.

Arjen

On 23.04.2006 21:50, CET - what odd quirk of fate caused Arjen Meijer
to generate the following:? :

>
>
> squaredancer schreef:
>
>> On 22.04.2006 21:48, CET - what odd quirk of fate caused Arjen
>> Meijer to generate the following:? :
>>
>>> Firefox 1.5.0.2 displays the page http://www.molca.nl/moederdag.html
>>> incorrect the first? time. Reload the page and the lay out is correct.
>>> Or change the size and see the same problem. At some widths the
>>> lay-out is 'out of control'. Enlarging works mostly correct.
>>> Shrinking give often an incorrect lay out.
>>>
>>> The relevant part of de css file which drives this page is:
>>>
>>> .kol1{ float: left; width: 32%; clear: none; position:relative;
>>> margin-right: 2%;}
>>> .kol2{ float: left; width: 32%; clear: none; position:relative;}
>>> .kol3{ float: right; width: 32%; clear: none; position:relative;}
>>> .kolgroot{font-size: 3em; line-height: 2em; text-align: center;}
>>> .kol1en2{ float: left; width: 66%; clear: none; position:relative;
>>> margin-right: 10px; font-size: 3em; line-height: 2em; text-align:
>>> center; margin-top: -0.5em;}
>>> .groot {font-size: 3em; line-height: 2em; text-align: center;
>>> letter-spacing: 0.1em;}
>>> p.kolimage {float: left; text-align: center; font-size: .9em;
>>> line-height: 1.8em; padding: 0; position:relative; border: none;
>>> margin: 0;}
>>> .koltext{text-align: center; font-size: .9em; line-height: 1.8em;
>>> padding: 0; position:relative; border: none; margin: 0;}
>>> .kolimage1 {display: block; margin: 0;}
>>> .kolimage2 {position: relative; float: right; display: block; width:
>>> 40%; border-width: 10px; border:2px solid white; margin: -20% 10% 0 0;}
>>>
>>> Is the CSS file incorrect of is it a bug in Firefox? No major
>>> problems in IE.
>>>
>>> Arjen
>>>
>> that's quite a bad URL ???
>>
>> here (FF 1.0.7) some kind of text-page - seems to be menus - pops up
>> for less that a second, followed by the "MOLCA" page "Light'n up your
>> Life"
>>
>> A "W3C validation" of the URL failed - see here for the XML-Errors
>> http://validator.w3.org/check?uri=ht... ne&verbose=1
>>
>>
>> and this page, for the CSS-validation errors:
>> http://jigsaw.w3.org/css-validator/v...usermedium=all
>>
>>
>> hope this helps, to start with!
>>
>> reg
>
> The validator complains just over some IE special commands.
>
> Arjen

..... and you wanted to know why your website doesn't work ??? W3C *is*
the standard - use it!

reg

Arjen Meijer schreef:
> Firefox 1.5.0.2 displays the page http://www.molca.nl/moederdag.html
> incorrect the first? time. Reload the page and the lay out is correct.
> Or change the size and see the same problem. At some widths the lay-out
> is 'out of control'. Enlarging works mostly correct. Shrinking give
> often an incorrect lay out.
>
> The relevant part of de css file which drives this page is:
>
> .kol1{ float: left; width: 32%; clear: none; position:relative;
> margin-right: 2%;}
> .kol2{ float: left; width: 32%; clear: none; position:relative;}
> .kol3{ float: right; width: 32%; clear: none; position:relative;}
> .kolgroot{font-size: 3em; line-height: 2em; text-align: center;}
> .kol1en2{ float: left; width: 66%; clear: none; position:relative;
> margin-right: 10px; font-size: 3em; line-height: 2em; text-align:
> center; margin-top: -0.5em;}
> .groot {font-size: 3em; line-height: 2em; text-align: center;
> letter-spacing: 0.1em;}
> p.kolimage {float: left; text-align: center; font-size: .9em;
> line-height: 1.8em; padding: 0; position:relative; border: none; margin:
> 0;}
> .koltext{text-align: center; font-size: .9em; line-height: 1.8em;
> padding: 0; position:relative; border: none; margin: 0;}
> .kolimage1 {display: block; margin: 0;}
> .kolimage2 {position: relative; float: right; display: block; width:
> 40%; border-width: 10px; border:2px solid white; margin: -20% 10% 0 0;}
>
> Is the CSS file incorrect of is it a bug in Firefox? No major problems
> in IE.
>
> Arjen
>
For W3C standard purists go to http://www.molca.com/moederdagw3coke.html to see the same problem.

Removed only the advanced page loading script:
<script type="text/javascript">
function init() {
if (arguments.callee.done) return;arguments.callee.done = true;
parent.setActiveStyleSheet('themaglow'); tooncontrole();};
if (document.addEventListener) {document.addEventListener("DOMContentLoaded", init, null);}
/*@cc_on @*/
/*@if (@_win32) document.write("<script defer src=js/ie_onload.js><"+"/script>");
/*@end @*/
window.onload = init;
</script>

Arjen